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

CSS Gradients:
#DAECB0

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 218 Rouge, 236 Vert et 176 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.
218 236 176 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 8 cyan, pas de magenta, 25 jaune et 7 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.
8% 0% 25% 7% 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 #DAECB0 sur HEX #25134F


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 14%, #25134F 100%);

Radial

HEX #DAECB0 sur HEX #25134F


Code CSS:

background-image: radial-gradient(circle, #DAECB0 8%, #25134F 89%);

 

HEX #25134F sur HEX #DAECB0


Code CSS:

background-image: linear-gradient(135deg, #25134F 6%, #DAECB0 89%);

 

HEX #25134F sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #25134F 11%, #DAECB0 98%);

Linéaire

HEX #DAECB0 sur HEX #EAECB1


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 6%, #EAECB1 99%);

Radial

HEX #DAECB0 sur HEX #EAECB1


Code CSS:

background-image: radial-gradient(circle, #DAECB0 0%, #EAECB1 91%);

 

HEX #EAECB1 sur HEX #DAECB0


Code CSS:

background-image: linear-gradient(135deg, #EAECB1 7%, #DAECB0 94%);

 

HEX #EAECB1 sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #EAECB1 9%, #DAECB0 90%);

 

HEX #DAECB0 sur HEX #DAECB1


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 11%, #DAECB1 91%);

 

HEX #DAECB0 sur HEX #DAECB1


Code CSS:

background-image: radial-gradient(circle, #DAECB0 0%, #DAECB1 95%);

 

HEX #DAECB1 sur HEX #DAECB0


Code CSS:

background-image: linear-gradient(135deg, #DAECB1 0%, #DAECB0 97%);

 

HEX #DAECB1 sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #DAECB1 1%, #DAECB0 90%);

 

HEX #DAECB0 sur HEX #CBECB1


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 4%, #CBECB1 88%);

 

HEX #DAECB0 sur HEX #CBECB1


Code CSS:

background-image: radial-gradient(circle, #DAECB0 13%, #CBECB1 88%);

 

HEX #CBECB1 sur HEX #DAECB0


Code CSS:

background-image: linear-gradient(135deg, #CBECB1 6%, #DAECB0 95%);

 

HEX #CBECB1 sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #CBECB1 1%, #DAECB0 88%);

 

HEX #DAECB0 sur HEX #BBECB1


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 4%, #BBECB1 99%);

 

HEX #DAECB0 sur HEX #BBECB1


Code CSS:

background-image: radial-gradient(circle, #DAECB0 13%, #BBECB1 88%);

 

HEX #BBECB1 sur HEX #DAECB0


Code CSS:

background-image: linear-gradient(135deg, #BBECB1 4%, #DAECB0 91%);

 

HEX #BBECB1 sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #BBECB1 11%, #DAECB0 95%);

Linéaire

HEX #DAECB0 sur HEX #CBE490


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 2%, #CBE490 99%);

Radial

HEX #DAECB0 sur HEX #CBE490


Code CSS:

background-image: radial-gradient(circle, #DAECB0 1%, #CBE490 96%);

 

HEX #CBE490 sur HEX #DAECB0


Code CSS:

background-image: linear-gradient(135deg, #CBE490 6%, #DAECB0 86%);

 

HEX #CBE490 sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #CBE490 13%, #DAECB0 89%);

 

HEX #DAECB0 sur HEX #DAECB1


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 7%, #DAECB1 95%);

 

HEX #DAECB0 sur HEX #DAECB1


Code CSS:

background-image: radial-gradient(circle, #DAECB0 0%, #DAECB1 100%);

 

HEX #DAECB1 sur HEX #DAECB0


Code CSS:

background-image: linear-gradient(135deg, #DAECB1 7%, #DAECB0 97%);

 

HEX #DAECB1 sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #DAECB1 2%, #DAECB0 93%);

 

HEX #DAECB0 sur HEX #EAF4D2


Code CSS:

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

 

HEX #DAECB0 sur HEX #EAF4D2


Code CSS:

background-image: radial-gradient(circle, #DAECB0 10%, #EAF4D2 87%);

 

HEX #EAF4D2 sur HEX #DAECB0


Code CSS:

background-image: linear-gradient(135deg, #EAF4D2 3%, #DAECB0 99%);

 

HEX #EAF4D2 sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #EAF4D2 13%, #DAECB0 93%);

 

HEX #DAECB0 sur HEX #FAFCF3


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 4%, #FAFCF3 100%);

 

HEX #DAECB0 sur HEX #FAFCF3


Code CSS:

background-image: radial-gradient(circle, #DAECB0 13%, #FAFCF3 86%);

 

HEX #FAFCF3 sur HEX #DAECB0


Code CSS:

background-image: linear-gradient(135deg, #FAFCF3 13%, #DAECB0 100%);

 

HEX #FAFCF3 sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #FAFCF3 10%, #DAECB0 90%);

Linéaire

HEX #DAECB0 sur HEX #EAECB1


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 9%, #EAECB1 93%);

Radial

HEX #DAECB0 sur HEX #EAECB1


Code CSS:

background-image: radial-gradient(circle, #DAECB0 11%, #EAECB1 100%);

 

HEX #EAECB1 sur HEX #DAECB0


Code CSS:

background-image: linear-gradient(135deg, #EAECB1 6%, #DAECB0 87%);

 

HEX #EAECB1 sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #EAECB1 3%, #DAECB0 87%);

 

HEX #DAECB0 sur HEX #DAECB1


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 7%, #DAECB1 97%);

 

HEX #DAECB0 sur HEX #DAECB1


Code CSS:

background-image: radial-gradient(circle, #DAECB0 9%, #DAECB1 86%);

 

HEX #DAECB1 sur HEX #DAECB0


Code CSS:

background-image: linear-gradient(135deg, #DAECB1 1%, #DAECB0 88%);

 

HEX #DAECB1 sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #DAECB1 7%, #DAECB0 98%);

 

HEX #DAECB0 sur HEX #CBECB1


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 2%, #CBECB1 86%);

 

HEX #DAECB0 sur HEX #CBECB1


Code CSS:

background-image: radial-gradient(circle, #DAECB0 0%, #CBECB1 88%);

 

HEX #CBECB1 sur HEX #DAECB0


Code CSS:

background-image: linear-gradient(135deg, #CBECB1 12%, #DAECB0 99%);

 

HEX #CBECB1 sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #CBECB1 4%, #DAECB0 100%);

 

HEX #DAECB0 sur HEX #BBECB1


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 10%, #BBECB1 97%);

 

HEX #DAECB0 sur HEX #BBECB1


Code CSS:

background-image: radial-gradient(circle, #DAECB0 2%, #BBECB1 94%);

 

HEX #BBECB1 sur HEX #DAECB0


Code CSS:

background-image: linear-gradient(135deg, #BBECB1 12%, #DAECB0 88%);

 

HEX #BBECB1 sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #BBECB1 0%, #DAECB0 95%);

Linéaire

HEX #DAECB0 sur HEX #CBE490


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 12%, #CBE490 92%);

Radial

HEX #DAECB0 sur HEX #CBE490


Code CSS:

background-image: radial-gradient(circle, #DAECB0 0%, #CBE490 98%);

 

HEX #CBE490 sur HEX #DAECB0


Code CSS:

background-image: linear-gradient(135deg, #CBE490 3%, #DAECB0 87%);

 

HEX #CBE490 sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #CBE490 0%, #DAECB0 91%);

 

HEX #DAECB0 sur HEX #DAECB1


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 5%, #DAECB1 94%);

 

HEX #DAECB0 sur HEX #DAECB1


Code CSS:

background-image: radial-gradient(circle, #DAECB0 6%, #DAECB1 93%);

 

HEX #DAECB1 sur HEX #DAECB0


Code CSS:

background-image: linear-gradient(135deg, #DAECB1 11%, #DAECB0 94%);

 

HEX #DAECB1 sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #DAECB1 7%, #DAECB0 91%);

 

HEX #DAECB0 sur HEX #EAF4D2


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 10%, #EAF4D2 99%);

 

HEX #DAECB0 sur HEX #EAF4D2


Code CSS:

background-image: radial-gradient(circle, #DAECB0 7%, #EAF4D2 95%);

 

HEX #EAF4D2 sur HEX #DAECB0


Code CSS:

background-image: linear-gradient(135deg, #EAF4D2 12%, #DAECB0 89%);

 

HEX #EAF4D2 sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #EAF4D2 4%, #DAECB0 95%);

 

HEX #DAECB0 sur HEX #FAFCF3


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 3%, #FAFCF3 88%);

 

HEX #DAECB0 sur HEX #FAFCF3


Code CSS:

background-image: radial-gradient(circle, #DAECB0 7%, #FAFCF3 95%);

 

HEX #FAFCF3 sur HEX #DAECB0


Code CSS:

background-image: linear-gradient(135deg, #FAFCF3 6%, #DAECB0 86%);

 

HEX #FAFCF3 sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #FAFCF3 13%, #DAECB0 92%);

Linéaire

HEX #DAECB0 sur HEX #B1ECCF


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 9%, #B1ECCF 99%);

Radial

HEX #DAECB0 sur HEX #B1ECCF


Code CSS:

background-image: radial-gradient(circle, #DAECB0 2%, #B1ECCF 98%);

 

HEX #B1ECCF sur HEX #DAECB0


Code CSS:

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

 

HEX #B1ECCF sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #B1ECCF 4%, #DAECB0 88%);

 

HEX #DAECB0 sur HEX #E6B1EC


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 7%, #E6B1EC 93%);

 

HEX #DAECB0 sur HEX #E6B1EC


Code CSS:

background-image: radial-gradient(circle, #DAECB0 14%, #E6B1EC 96%);

 

HEX #E6B1EC sur HEX #DAECB0


Code CSS:

background-image: linear-gradient(135deg, #E6B1EC 1%, #DAECB0 95%);

 

HEX #E6B1EC sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #E6B1EC 12%, #DAECB0 99%);

Linéaire

HEX #DAECB0 sur HEX #B1DAEC


Code CSS:

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

Radial

HEX #DAECB0 sur HEX #B1DAEC


Code CSS:

background-image: radial-gradient(circle, #DAECB0 13%, #B1DAEC 100%);

 

HEX #B1DAEC sur HEX #DAECB0


Code CSS:

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

 

HEX #B1DAEC sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #B1DAEC 6%, #DAECB0 99%);

 

HEX #DAECB0 sur HEX #ECB1DA


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 11%, #ECB1DA 95%);

 

HEX #DAECB0 sur HEX #ECB1DA


Code CSS:

background-image: radial-gradient(circle, #DAECB0 8%, #ECB1DA 90%);

 

HEX #ECB1DA sur HEX #DAECB0


Code CSS:

background-image: linear-gradient(135deg, #ECB1DA 4%, #DAECB0 98%);

 

HEX #ECB1DA sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #ECB1DA 1%, #DAECB0 89%);

Linéaire

HEX #DAECB0 sur HEX #B1ECCF


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 3%, #B1ECCF 94%);

Radial

HEX #DAECB0 sur HEX #B1ECCF


Code CSS:

background-image: radial-gradient(circle, #DAECB0 9%, #B1ECCF 90%);

 

HEX #B1ECCF sur HEX #DAECB0


Code CSS:

background-image: linear-gradient(135deg, #B1ECCF 2%, #DAECB0 91%);

 

HEX #B1ECCF sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #B1ECCF 0%, #DAECB0 89%);

 

HEX #DAECB0 sur HEX #C3B1EC


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 11%, #C3B1EC 99%);

 

HEX #DAECB0 sur HEX #C3B1EC


Code CSS:

background-image: radial-gradient(circle, #DAECB0 7%, #C3B1EC 99%);

 

HEX #C3B1EC sur HEX #DAECB0


Code CSS:

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

 

HEX #C3B1EC sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #C3B1EC 11%, #DAECB0 99%);

 

HEX #DAECB0 sur HEX #ECB1CF


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 5%, #ECB1CF 87%);

 

HEX #DAECB0 sur HEX #ECB1CF


Code CSS:

background-image: radial-gradient(circle, #DAECB0 2%, #ECB1CF 91%);

 

HEX #ECB1CF sur HEX #DAECB0


Code CSS:

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

 

HEX #ECB1CF sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #ECB1CF 14%, #DAECB0 87%);

Linéaire

HEX #DAECB0 sur HEX #B1ECE0


Code CSS:

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

Radial

HEX #DAECB0 sur HEX #B1ECE0


Code CSS:

background-image: radial-gradient(circle, #DAECB0 6%, #B1ECE0 88%);

 

HEX #B1ECE0 sur HEX #DAECB0


Code CSS:

background-image: linear-gradient(135deg, #B1ECE0 2%, #DAECB0 87%);

 

HEX #B1ECE0 sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #B1ECE0 0%, #DAECB0 98%);

 

HEX #DAECB0 sur HEX #C3B1EC


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 5%, #C3B1EC 98%);

 

HEX #DAECB0 sur HEX #C3B1EC


Code CSS:

background-image: radial-gradient(circle, #DAECB0 1%, #C3B1EC 99%);

 

HEX #C3B1EC sur HEX #DAECB0


Code CSS:

background-image: linear-gradient(135deg, #C3B1EC 1%, #DAECB0 95%);

 

HEX #C3B1EC sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #C3B1EC 5%, #DAECB0 89%);

 

HEX #DAECB0 sur HEX #ECB1BD


Code CSS:

background-image: linear-gradient(135deg, #DAECB0 2%, #ECB1BD 87%);

 

HEX #DAECB0 sur HEX #ECB1BD


Code CSS:

background-image: radial-gradient(circle, #DAECB0 4%, #ECB1BD 92%);

 

HEX #ECB1BD sur HEX #DAECB0


Code CSS:

background-image: linear-gradient(135deg, #ECB1BD 2%, #DAECB0 93%);

 

HEX #ECB1BD sur HEX #DAECB0


Code CSS:

background-image: radial-gradient(circle, #ECB1BD 6%, #DAECB0 94%);

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)

To be able to save color palettes, a registration is required.

Log in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the desired link.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View them under your profile.
You can customize them further, and share them.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking on you can create palettes and download the color swatches.