Dear color lovers – together, we’ll have a more colorful future. Support us on

CSS Gradients:
#ABCAEBCE

Information

ferme tous les

Laissez-vous suggérer des dégradés CSS de deux teintes comme la teinte de base et la couleur complémentaire.

Trouvez des exemples de transitions de couleurs linéaires et radiales.

Facile pour le webdesign : copiez le code CSS pour l'intégrer facilement sur votre site.

Laissez CSS suggérer des dégradés de deux teintes, comme la teinte de base et une teinte plus claire.

Trouvez des exemples de transitions de couleurs linéaires et radiales à partir de Teintes plus claires.

Facile pour le webdesign : copiez le code CSS pour l'intégrer facilement sur votre site.

Laissez CSS suggérer des dégradés de deux teintes, comme la teinte de base et une teinte plus foncée.

Trouvez des exemples de transitions de couleurs linéaires et radiales de Teintes plus foncées.

Facile pour le webdesign : copiez le code CSS pour l'intégrer facilement sur votre site.

Options d'affichage

Description

Couleur claire : des valeurs de couleur élevées créent une impression de clarté.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 171 Rouge, 202 Vert et 235 bleu.

Du mélange de ces couleurs résulte la teinte affichée au milieu des chevauchements.

Dans la représentation, tu vois comment la couleur est composée des trois éléments rouge (en haut), vert (en bas à droite) et bleu (en bas à gauche). Au centre, tu peux voir la couleur résultante.
171 202 235 R G B
Dans le système de couleurs CMYK, la couleur est composée de la manière suivante : Dans cette teinte, sur 100 parts maximales de couleur, respectivement 22 cyan, 11 magenta, pas de jaune et 6 key.

Du mélange de ces couleurs résulte la teinte affichée au milieu des chevauchements.

Dans la représentation, tu vois comment la couleur est composée des quatre éléments cyan (en haut à gauche), magenta (en haut à droite), jaune ou yellow (en bas à droite) et noir ou key (en bas à gauche). Au centre, tu peux voir la couleur obtenue.
22% 11% 0% 6% C M Y K

Vérification de leur palette de couleurs en tant que fabricant !

Offrez aux designers et aux agences des valeurs chromatiques précises.

C'est parti

Linéaire

HEX #ABCAEBCE sur HEX #543514CE


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 3%, #543514CE 99%);

Radial

HEX #ABCAEBCE sur HEX #543514CE


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 1%, #543514CE 97%);

 

HEX #543514CE sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #543514CE 8%, #ABCAEBCE 86%);

 

HEX #543514CE sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #543514CE 10%, #ABCAEBCE 99%);

Linéaire

HEX #ABCAEBCE sur HEX #ACDDECCE


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 1%, #ACDDECCE 90%);

Radial

HEX #ABCAEBCE sur HEX #ACDDECCE


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 2%, #ACDDECCE 92%);

 

HEX #ACDDECCE sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #ACDDECCE 13%, #ABCAEBCE 99%);

 

HEX #ACDDECCE sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #ACDDECCE 14%, #ABCAEBCE 90%);

 

HEX #ABCAEBCE sur HEX #ACCCECCE


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 9%, #ACCCECCE 97%);

 

HEX #ABCAEBCE sur HEX #ACCCECCE


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 3%, #ACCCECCE 98%);

 

HEX #ACCCECCE sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #ACCCECCE 9%, #ABCAEBCE 88%);

 

HEX #ACCCECCE sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #ACCCECCE 10%, #ABCAEBCE 99%);

 

HEX #ABCAEBCE sur HEX #ACBBECCE


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 14%, #ACBBECCE 90%);

 

HEX #ABCAEBCE sur HEX #ACBBECCE


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 11%, #ACBBECCE 89%);

 

HEX #ACBBECCE sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #ACBBECCE 9%, #ABCAEBCE 100%);

 

HEX #ACBBECCE sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #ACBBECCE 13%, #ABCAEBCE 100%);

 

HEX #ABCAEBCE sur HEX #AEACECCE


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 1%, #AEACECCE 97%);

 

HEX #ABCAEBCE sur HEX #AEACECCE


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 5%, #AEACECCE 94%);

 

HEX #AEACECCE sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #AEACECCE 3%, #ABCAEBCE 100%);

 

HEX #AEACECCE sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #AEACECCE 2%, #ABCAEBCE 100%);

Linéaire

HEX #ABCAEBCE sur HEX #8BB6E4


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 8%, #8BB6E4 89%);

Radial

HEX #ABCAEBCE sur HEX #8BB6E4


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 10%, #8BB6E4 99%);

 

HEX #8BB6E4 sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #8BB6E4 2%, #ABCAEBCE 95%);

 

HEX #8BB6E4 sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #8BB6E4 2%, #ABCAEBCE 88%);

 

HEX #ABCAEBCE sur HEX #ACCBEC


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 8%, #ACCBEC 100%);

 

HEX #ABCAEBCE sur HEX #ACCBEC


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 0%, #ACCBEC 100%);

 

HEX #ACCBEC sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #ACCBEC 2%, #ABCAEBCE 89%);

 

HEX #ACCBEC sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #ACCBEC 12%, #ABCAEBCE 93%);

 

HEX #ABCAEBCE sur HEX #CEE0F3


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 8%, #CEE0F3 90%);

 

HEX #ABCAEBCE sur HEX #CEE0F3


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 1%, #CEE0F3 93%);

 

HEX #CEE0F3 sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #CEE0F3 4%, #ABCAEBCE 95%);

 

HEX #CEE0F3 sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #CEE0F3 12%, #ABCAEBCE 96%);

 

HEX #ABCAEBCE sur HEX #EFF5FB


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 9%, #EFF5FB 87%);

 

HEX #ABCAEBCE sur HEX #EFF5FB


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 0%, #EFF5FB 87%);

 

HEX #EFF5FB sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #EFF5FB 2%, #ABCAEBCE 95%);

 

HEX #EFF5FB sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #EFF5FB 4%, #ABCAEBCE 98%);

Linéaire

HEX #ABCAEBCE sur HEX #ACDDECCE


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 1%, #ACDDECCE 98%);

Radial

HEX #ABCAEBCE sur HEX #ACDDECCE


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 6%, #ACDDECCE 86%);

 

HEX #ACDDECCE sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #ACDDECCE 6%, #ABCAEBCE 97%);

 

HEX #ACDDECCE sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #ACDDECCE 10%, #ABCAEBCE 87%);

 

HEX #ABCAEBCE sur HEX #ACCCECCE


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 12%, #ACCCECCE 96%);

 

HEX #ABCAEBCE sur HEX #ACCCECCE


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 10%, #ACCCECCE 90%);

 

HEX #ACCCECCE sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #ACCCECCE 14%, #ABCAEBCE 89%);

 

HEX #ACCCECCE sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #ACCCECCE 11%, #ABCAEBCE 89%);

 

HEX #ABCAEBCE sur HEX #ACBBECCE


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 5%, #ACBBECCE 95%);

 

HEX #ABCAEBCE sur HEX #ACBBECCE


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 9%, #ACBBECCE 100%);

 

HEX #ACBBECCE sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #ACBBECCE 14%, #ABCAEBCE 91%);

 

HEX #ACBBECCE sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #ACBBECCE 0%, #ABCAEBCE 99%);

 

HEX #ABCAEBCE sur HEX #AEACECCE


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 7%, #AEACECCE 96%);

 

HEX #ABCAEBCE sur HEX #AEACECCE


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 11%, #AEACECCE 87%);

 

HEX #AEACECCE sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #AEACECCE 14%, #ABCAEBCE 95%);

 

HEX #AEACECCE sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #AEACECCE 14%, #ABCAEBCE 94%);

Linéaire

HEX #ABCAEBCE sur HEX #8BB6E4


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 9%, #8BB6E4 96%);

Radial

HEX #ABCAEBCE sur HEX #8BB6E4


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 2%, #8BB6E4 88%);

 

HEX #8BB6E4 sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #8BB6E4 10%, #ABCAEBCE 93%);

 

HEX #8BB6E4 sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #8BB6E4 9%, #ABCAEBCE 92%);

 

HEX #ABCAEBCE sur HEX #ACCBEC


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 13%, #ACCBEC 86%);

 

HEX #ABCAEBCE sur HEX #ACCBEC


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 9%, #ACCBEC 89%);

 

HEX #ACCBEC sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #ACCBEC 10%, #ABCAEBCE 98%);

 

HEX #ACCBEC sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #ACCBEC 1%, #ABCAEBCE 91%);

 

HEX #ABCAEBCE sur HEX #CEE0F3


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 14%, #CEE0F3 90%);

 

HEX #ABCAEBCE sur HEX #CEE0F3


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 11%, #CEE0F3 98%);

 

HEX #CEE0F3 sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #CEE0F3 2%, #ABCAEBCE 95%);

 

HEX #CEE0F3 sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #CEE0F3 8%, #ABCAEBCE 92%);

 

HEX #ABCAEBCE sur HEX #EFF5FB


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 5%, #EFF5FB 91%);

 

HEX #ABCAEBCE sur HEX #EFF5FB


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 10%, #EFF5FB 90%);

 

HEX #EFF5FB sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #EFF5FB 5%, #ABCAEBCE 89%);

 

HEX #EFF5FB sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #EFF5FB 6%, #ABCAEBCE 88%);

Linéaire

HEX #ABCAEBCE sur HEX #D9ACEC


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 12%, #D9ACEC 97%);

Radial

HEX #ABCAEBCE sur HEX #D9ACEC


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 2%, #D9ACEC 95%);

 

HEX #D9ACEC sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #D9ACEC 12%, #ABCAEBCE 98%);

 

HEX #D9ACEC sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #D9ACEC 10%, #ABCAEBCE 90%);

 

HEX #ABCAEBCE sur HEX #E5ECAC


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 11%, #E5ECAC 100%);

 

HEX #ABCAEBCE sur HEX #E5ECAC


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 7%, #E5ECAC 95%);

 

HEX #E5ECAC sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #E5ECAC 4%, #ABCAEBCE 89%);

 

HEX #E5ECAC sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #E5ECAC 0%, #ABCAEBCE 89%);

Linéaire

HEX #ABCAEBCE sur HEX #ECACCC


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 12%, #ECACCC 96%);

Radial

HEX #ABCAEBCE sur HEX #ECACCC


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 5%, #ECACCC 97%);

 

HEX #ECACCC sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #ECACCC 3%, #ABCAEBCE 91%);

 

HEX #ECACCC sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #ECACCC 12%, #ABCAEBCE 89%);

 

HEX #ABCAEBCE sur HEX #CCECAC


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 11%, #CCECAC 98%);

 

HEX #ABCAEBCE sur HEX #CCECAC


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 7%, #CCECAC 93%);

 

HEX #CCECAC sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #CCECAC 3%, #ABCAEBCE 96%);

 

HEX #CCECAC sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #CCECAC 3%, #ABCAEBCE 92%);

Linéaire

HEX #ABCAEBCE sur HEX #D9ACEC


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 1%, #D9ACEC 91%);

Radial

HEX #ABCAEBCE sur HEX #D9ACEC


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 4%, #D9ACEC 94%);

 

HEX #D9ACEC sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #D9ACEC 9%, #ABCAEBCE 100%);

 

HEX #D9ACEC sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #D9ACEC 13%, #ABCAEBCE 94%);

 

HEX #ABCAEBCE sur HEX #ECCCAC


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 1%, #ECCCAC 98%);

 

HEX #ABCAEBCE sur HEX #ECCCAC


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 6%, #ECCCAC 100%);

 

HEX #ECCCAC sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #ECCCAC 10%, #ABCAEBCE 87%);

 

HEX #ECCCAC sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #ECCCAC 1%, #ABCAEBCE 98%);

 

HEX #ABCAEBCE sur HEX #BFECAC


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 5%, #BFECAC 90%);

 

HEX #ABCAEBCE sur HEX #BFECAC


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 0%, #BFECAC 97%);

 

HEX #BFECAC sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #BFECAC 12%, #ABCAEBCE 100%);

 

HEX #BFECAC sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #BFECAC 12%, #ABCAEBCE 92%);

Linéaire

HEX #ABCAEBCE sur HEX #ECACEC


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 14%, #ECACEC 98%);

Radial

HEX #ABCAEBCE sur HEX #ECACEC


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 11%, #ECACEC 92%);

 

HEX #ECACEC sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #ECACEC 10%, #ABCAEBCE 98%);

 

HEX #ECACEC sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #ECACEC 6%, #ABCAEBCE 94%);

 

HEX #ABCAEBCE sur HEX #ECCCAC


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 1%, #ECCCAC 94%);

 

HEX #ABCAEBCE sur HEX #ECCCAC


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 7%, #ECCCAC 92%);

 

HEX #ECCCAC sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #ECCCAC 9%, #ABCAEBCE 89%);

 

HEX #ECCCAC sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #ECCCAC 12%, #ABCAEBCE 86%);

 

HEX #ABCAEBCE sur HEX #ACECAC


Code CSS:

background-image: linear-gradient(135deg, #ABCAEBCE 7%, #ACECAC 98%);

 

HEX #ABCAEBCE sur HEX #ACECAC


Code CSS:

background-image: radial-gradient(circle, #ABCAEBCE 5%, #ACECAC 96%);

 

HEX #ACECAC sur HEX #ABCAEBCE


Code CSS:

background-image: linear-gradient(135deg, #ACECAC 0%, #ABCAEBCE 92%);

 

HEX #ACECAC sur HEX #ABCAEBCE


Code CSS:

background-image: radial-gradient(circle, #ACECAC 14%, #ABCAEBCE 98%);

Afficher plus de palettes de couleurs

Services

Couleurs

RGB en HEX

convertir de RGB rouge vert bleu sur #RRGGBB

RGB en CMYK

convertir de RGB rouge vert bleu sur CMYK cyan / magenta / jaune / key

Icons

RGB en RAL®

convertir de RGB rouge vert bleu sur Numéro RAL® (RAL 0000)

RGB en HKS®

convertir de RGB rouge vert bleu sur Numéro HKS® (HKS 00)

RGB en PANTONE®

convertir de RGB rouge vert bleu sur Numéro Pantone® (Pantone 0000)

RGB en Sherwin Williams®

convertir de RGB rouge vert bleu sur Sherwin Williams® numéro (SW 0000)

RGB en NCS®

convertir de RGB rouge vert bleu sur Numéro NCS (S0000-X00X)

nsc-logo

RGBA en HEX

convertir de RGBA rouge vert bleu transparent sur #RRGGBB

RGBA en CMYK

convertir de RGBA rouge vert bleu transparent sur CMYK cyan / magenta / jaune / key

Icons

RGBA en RAL®

convertir de RGBA rouge vert bleu transparent sur Numéro RAL® (RAL 0000)

RGBA en HKS®

convertir de RGBA rouge vert bleu transparent sur Numéro HKS® (HKS 00)

RGBA en PANTONE®

convertir de RGBA rouge vert bleu transparent sur Numéro Pantone® (Pantone 0000)

RGBA en Sherwin Williams®

convertir de RGBA rouge vert bleu transparent sur Sherwin Williams® numéro (SW 0000)

RGBA en NCS®

convertir de RGBA rouge vert bleu transparent sur Numéro NCS (S0000-X00X)

nsc-logo

CMYK en HEX

convertir de CMYK cyan / magenta / jaune / key sur #RRGGBB

CMYK en RGB

convertir de CMYK cyan / magenta / jaune / key sur RGB rouge vert bleu

CMYK en RGBA

convertir de CMYK cyan / magenta / jaune / key sur RGBA rouge vert bleu transparent

CMYK en RAL®

convertir de CMYK cyan / magenta / jaune / key sur Numéro RAL® (RAL 0000)

CMYK en HKS®

convertir de CMYK cyan / magenta / jaune / key sur Numéro HKS® (HKS 00)

CMYK en PANTONE®

convertir de CMYK cyan / magenta / jaune / key sur Numéro Pantone® (Pantone 0000)

CMYK en Sherwin Williams®

convertir de CMYK cyan / magenta / jaune / key sur Sherwin Williams® numéro (SW 0000)

CMYK en NCS®

convertir de CMYK cyan / magenta / jaune / key sur Numéro NCS (S0000-X00X)

nsc-logo

HEX en RGB

convertir de #RRGGBB sur RGB rouge vert bleu

HEX en RGBA

convertir de #RRGGBB sur RGBA rouge vert bleu transparent

HEX en CMYK

convertir de #RRGGBB sur CMYK cyan / magenta / jaune / key

Icons

HEX en RAL®

convertir de #RRGGBB sur Numéro RAL® (RAL 0000)

HEX en HKS®

convertir de #RRGGBB sur Numéro HKS® (HKS 00)

HEX en PANTONE®

convertir de #RRGGBB sur Numéro Pantone® (Pantone 0000)

HEX en Sherwin Williams®

convertir de #RRGGBB sur Sherwin Williams® numéro (SW 0000)

HEX en NCS®

convertir de #RRGGBB sur Numéro NCS (S0000-X00X)

nsc-logo

RAL® en RGB

convertir de Numéro RAL® (RAL 0000) sur RGB rouge vert bleu

RAL® en RGBA

convertir de Numéro RAL® (RAL 0000) sur RGBA rouge vert bleu transparent

RAL® en CMYK

convertir de Numéro RAL® (RAL 0000) sur CMYK cyan / magenta / jaune / key

Icons

RAL® en HEX

convertir de Numéro RAL® (RAL 0000) sur #RRGGBB

RAL® en HKS®

convertir de Numéro RAL® (RAL 0000) sur Numéro HKS® (HKS 00)

RAL® en PANTONE®

convertir de Numéro RAL® (RAL 0000) sur Numéro Pantone® (Pantone 0000)

RAL® en Sherwin Williams®

convertir de Numéro RAL® (RAL 0000) sur Sherwin Williams® numéro (SW 0000)

RAL® en NCS®

convertir de Numéro RAL® (RAL 0000) sur Numéro NCS (S0000-X00X)

nsc-logo

HKS® en RGB

convertir de Numéro HKS® (HKS 00) sur RGB rouge vert bleu

HKS® en RGBA

convertir de Numéro HKS® (HKS 00) sur RGBA rouge vert bleu transparent

HKS® en CMYK

convertir de Numéro HKS® (HKS 00) sur CMYK cyan / magenta / jaune / key

Icons

HKS® en HEX

convertir de Numéro HKS® (HKS 00) sur #RRGGBB

HKS® en RAL®

convertir de Numéro HKS® (HKS 00) sur Numéro RAL® (RAL 0000)

HKS® en PANTONE®

convertir de Numéro HKS® (HKS 00) sur Numéro Pantone® (Pantone 0000)

HKS® en Sherwin Williams®

convertir de Numéro HKS® (HKS 00) sur Sherwin Williams® numéro (SW 0000)

HKS® en NCS®

convertir de Numéro HKS® (HKS 00) sur Numéro NCS (S0000-X00X)

nsc-logo

PANTONE® en RGB

convertir de Numéro Pantone® (Pantone 0000) sur RGB rouge vert bleu

PANTONE® en RGBA

convertir de Numéro Pantone® (Pantone 0000) sur RGBA rouge vert bleu transparent

PANTONE® en CMYK

convertir de Numéro Pantone® (Pantone 0000) sur CMYK cyan / magenta / jaune / key

Icons

PANTONE® en HEX

convertir de Numéro Pantone® (Pantone 0000) sur #RRGGBB

PANTONE® en RAL®

convertir de Numéro Pantone® (Pantone 0000) sur Numéro RAL® (RAL 0000)

PANTONE® en HKS®

convertir de Numéro Pantone® (Pantone 0000) sur Numéro HKS® (HKS 00)

PANTONE® en Sherwin Williams®

convertir de Numéro Pantone® (Pantone 0000) sur Sherwin Williams® numéro (SW 0000)

PANTONE® en NCS®

convertir de Numéro Pantone® (Pantone 0000) sur Numéro NCS (S0000-X00X)

nsc-logo

Sherwin Williams® en RGB

convertir de Sherwin Williams® numéro (SW 0000) sur RGB rouge vert bleu

Sherwin Williams® en RGBA

convertir de Sherwin Williams® numéro (SW 0000) sur RGBA rouge vert bleu transparent

Sherwin Williams® en CMYK

convertir de Sherwin Williams® numéro (SW 0000) sur CMYK cyan / magenta / jaune / key

Icons

Sherwin Williams® en HEX

convertir de Sherwin Williams® numéro (SW 0000) sur #RRGGBB

Sherwin Williams® en RAL®

convertir de Sherwin Williams® numéro (SW 0000) sur Numéro RAL® (RAL 0000)

Sherwin Williams® en HKS®

convertir de Sherwin Williams® numéro (SW 0000) sur Numéro HKS® (HKS 00)

Sherwin Williams® en PANTONE®

convertir de Sherwin Williams® numéro (SW 0000) sur Numéro Pantone® (Pantone 0000)

Sherwin Williams® en NCS®

convertir de Sherwin Williams® numéro (SW 0000) sur Numéro NCS (S0000-X00X)

nsc-logo

NCS® en RGB

convertir de Numéro NCS (S0000-X00X) sur RGB rouge vert bleu

NCS® en RGBA

convertir de Numéro NCS (S0000-X00X) sur RGBA rouge vert bleu transparent

NCS® en CMYK

convertir de Numéro NCS (S0000-X00X) sur CMYK cyan / magenta / jaune / key

Icons

NCS® en HEX

convertir de Numéro NCS (S0000-X00X) sur #RRGGBB

NCS® en RAL®

convertir de Numéro NCS (S0000-X00X) sur Numéro RAL® (RAL 0000)

NCS® en HKS®

convertir de Numéro NCS (S0000-X00X) sur Numéro HKS® (HKS 00)

NCS® en PANTONE®

convertir de Numéro NCS (S0000-X00X) sur Numéro Pantone® (Pantone 0000)

Pour pouvoir enregistrer les palettes de couleurs, une inscription est nécessaire.

Se connecter à votre compte

ou

Créer un compte

Partager la palette de couleurs actuelle
Doit-elle être publique ou privée?
Les liens suivent après le partage.

Annuler Partager

Palette de couleurs partagée
Veuillez copier et enregistrer le lien souhaité.

Partager

OK, j'ai copié les liens

Vos couleurs sont enregistrées dans une nouvelle palette de couleurs.
Vous pouvez la consulter sous votre profil.
Vous pouvez la personnaliser davantage, et la partager.

Afficher la palette de couleurs
Fermer

Créer une palette de couleurs

TéléchargerTélécharger dans différents formats

Tout supprimer

En cliquant sur , vous pouvez créer des palettes et télécharger les nuanciers.