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

CSS Gradients:
#9ABFBB

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 154 Rouge, 191 Vert et 187 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.
154 191 187 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 19 cyan, pas de magenta, 2 jaune et 25 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.
19% 0% 2% 25% 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 #9ABFBB sur HEX #654044


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 2%, #654044 87%);

Radial

HEX #9ABFBB sur HEX #654044


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 5%, #654044 92%);

 

HEX #654044 sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #654044 2%, #9ABFBB 96%);

 

HEX #654044 sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #654044 10%, #9ABFBB 96%);

Linéaire

HEX #9ABFBB sur HEX #9BBFB2


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 11%, #9BBFB2 92%);

Radial

HEX #9ABFBB sur HEX #9BBFB2


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 10%, #9BBFB2 87%);

 

HEX #9BBFB2 sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #9BBFB2 7%, #9ABFBB 91%);

 

HEX #9BBFB2 sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #9BBFB2 10%, #9ABFBB 89%);

 

HEX #9ABFBB sur HEX #9BBFBB


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 3%, #9BBFBB 96%);

 

HEX #9ABFBB sur HEX #9BBFBB


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 10%, #9BBFBB 97%);

 

HEX #9BBFBB sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #9BBFBB 7%, #9ABFBB 92%);

 

HEX #9BBFBB sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #9BBFBB 5%, #9ABFBB 96%);

 

HEX #9ABFBB sur HEX #9BBABF


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 3%, #9BBABF 88%);

 

HEX #9ABFBB sur HEX #9BBABF


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 13%, #9BBABF 89%);

 

HEX #9BBABF sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #9BBABF 6%, #9ABFBB 95%);

 

HEX #9BBABF sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #9BBABF 0%, #9ABFBB 98%);

 

HEX #9ABFBB sur HEX #9BB0BF


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 0%, #9BB0BF 93%);

 

HEX #9ABFBB sur HEX #9BB0BF


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 6%, #9BB0BF 95%);

 

HEX #9BB0BF sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #9BB0BF 5%, #9ABFBB 99%);

 

HEX #9BB0BF sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #9BB0BF 1%, #9ABFBB 90%);

Linéaire

HEX #9ABFBB sur HEX #82AFAA


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 12%, #82AFAA 99%);

Radial

HEX #9ABFBB sur HEX #82AFAA


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 2%, #82AFAA 96%);

 

HEX #82AFAA sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #82AFAA 6%, #9ABFBB 99%);

 

HEX #82AFAA sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #82AFAA 8%, #9ABFBB 86%);

 

HEX #9ABFBB sur HEX #9BBFBB


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 1%, #9BBFBB 89%);

 

HEX #9ABFBB sur HEX #9BBFBB


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 12%, #9BBFBB 100%);

 

HEX #9BBFBB sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #9BBFBB 7%, #9ABFBB 89%);

 

HEX #9BBFBB sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #9BBFBB 9%, #9ABFBB 96%);

 

HEX #9ABFBB sur HEX #B5CFCD


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 10%, #B5CFCD 89%);

 

HEX #9ABFBB sur HEX #B5CFCD


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 4%, #B5CFCD 99%);

 

HEX #B5CFCD sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #B5CFCD 11%, #9ABFBB 93%);

 

HEX #B5CFCD sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #B5CFCD 9%, #9ABFBB 91%);

 

HEX #9ABFBB sur HEX #CEE0DE


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 14%, #CEE0DE 93%);

 

HEX #9ABFBB sur HEX #CEE0DE


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 5%, #CEE0DE 92%);

 

HEX #CEE0DE sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #CEE0DE 13%, #9ABFBB 91%);

 

HEX #CEE0DE sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #CEE0DE 11%, #9ABFBB 95%);

Linéaire

HEX #9ABFBB sur HEX #9BBFB2


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 1%, #9BBFB2 87%);

Radial

HEX #9ABFBB sur HEX #9BBFB2


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 14%, #9BBFB2 88%);

 

HEX #9BBFB2 sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #9BBFB2 11%, #9ABFBB 100%);

 

HEX #9BBFB2 sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #9BBFB2 3%, #9ABFBB 96%);

 

HEX #9ABFBB sur HEX #9BBFBB


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 14%, #9BBFBB 96%);

 

HEX #9ABFBB sur HEX #9BBFBB


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 3%, #9BBFBB 90%);

 

HEX #9BBFBB sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #9BBFBB 10%, #9ABFBB 96%);

 

HEX #9BBFBB sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #9BBFBB 14%, #9ABFBB 93%);

 

HEX #9ABFBB sur HEX #9BBABF


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 9%, #9BBABF 96%);

 

HEX #9ABFBB sur HEX #9BBABF


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 5%, #9BBABF 100%);

 

HEX #9BBABF sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #9BBABF 6%, #9ABFBB 96%);

 

HEX #9BBABF sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #9BBABF 11%, #9ABFBB 99%);

 

HEX #9ABFBB sur HEX #9BB0BF


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 4%, #9BB0BF 86%);

 

HEX #9ABFBB sur HEX #9BB0BF


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 12%, #9BB0BF 87%);

 

HEX #9BB0BF sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #9BB0BF 8%, #9ABFBB 92%);

 

HEX #9BB0BF sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #9BB0BF 0%, #9ABFBB 97%);

Linéaire

HEX #9ABFBB sur HEX #82AFAA


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 4%, #82AFAA 96%);

Radial

HEX #9ABFBB sur HEX #82AFAA


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 8%, #82AFAA 87%);

 

HEX #82AFAA sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #82AFAA 1%, #9ABFBB 96%);

 

HEX #82AFAA sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #82AFAA 7%, #9ABFBB 95%);

 

HEX #9ABFBB sur HEX #9BBFBB


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 0%, #9BBFBB 88%);

 

HEX #9ABFBB sur HEX #9BBFBB


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 14%, #9BBFBB 97%);

 

HEX #9BBFBB sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #9BBFBB 5%, #9ABFBB 91%);

 

HEX #9BBFBB sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #9BBFBB 2%, #9ABFBB 94%);

 

HEX #9ABFBB sur HEX #B5CFCD


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 3%, #B5CFCD 90%);

 

HEX #9ABFBB sur HEX #B5CFCD


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 10%, #B5CFCD 96%);

 

HEX #B5CFCD sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #B5CFCD 3%, #9ABFBB 96%);

 

HEX #B5CFCD sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #B5CFCD 3%, #9ABFBB 93%);

 

HEX #9ABFBB sur HEX #CEE0DE


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 8%, #CEE0DE 100%);

 

HEX #9ABFBB sur HEX #CEE0DE


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 9%, #CEE0DE 94%);

 

HEX #CEE0DE sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #CEE0DE 1%, #9ABFBB 88%);

 

HEX #CEE0DE sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #CEE0DE 8%, #9ABFBB 95%);

Linéaire

HEX #9ABFBB sur HEX #9E9BBF


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 7%, #9E9BBF 99%);

Radial

HEX #9ABFBB sur HEX #9E9BBF


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 10%, #9E9BBF 95%);

 

HEX #9E9BBF sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #9E9BBF 2%, #9ABFBB 90%);

 

HEX #9E9BBF sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #9E9BBF 12%, #9ABFBB 89%);

 

HEX #9ABFBB sur HEX #BFAD9B


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 2%, #BFAD9B 90%);

 

HEX #9ABFBB sur HEX #BFAD9B


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 9%, #BFAD9B 88%);

 

HEX #BFAD9B sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #BFAD9B 0%, #9ABFBB 90%);

 

HEX #BFAD9B sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #BFAD9B 9%, #9ABFBB 91%);

Linéaire

HEX #9ABFBB sur HEX #BB9BBF


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 10%, #BB9BBF 93%);

Radial

HEX #9ABFBB sur HEX #BB9BBF


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 8%, #BB9BBF 89%);

 

HEX #BB9BBF sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #BB9BBF 14%, #9ABFBB 93%);

 

HEX #BB9BBF sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #BB9BBF 4%, #9ABFBB 95%);

 

HEX #9ABFBB sur HEX #BFBB9B


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 2%, #BFBB9B 89%);

 

HEX #9ABFBB sur HEX #BFBB9B


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 0%, #BFBB9B 97%);

 

HEX #BFBB9B sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #BFBB9B 2%, #9ABFBB 94%);

 

HEX #BFBB9B sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #BFBB9B 12%, #9ABFBB 99%);

Linéaire

HEX #9ABFBB sur HEX #9E9BBF


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 2%, #9E9BBF 99%);

Radial

HEX #9ABFBB sur HEX #9E9BBF


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 12%, #9E9BBF 95%);

 

HEX #9E9BBF sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #9E9BBF 8%, #9ABFBB 99%);

 

HEX #9E9BBF sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #9E9BBF 11%, #9ABFBB 94%);

 

HEX #9ABFBB sur HEX #BF9BA0


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 4%, #BF9BA0 93%);

 

HEX #9ABFBB sur HEX #BF9BA0


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 0%, #BF9BA0 98%);

 

HEX #BF9BA0 sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #BF9BA0 1%, #9ABFBB 97%);

 

HEX #BF9BA0 sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #BF9BA0 9%, #9ABFBB 86%);

 

HEX #9ABFBB sur HEX #BCBF9B


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 1%, #BCBF9B 98%);

 

HEX #9ABFBB sur HEX #BCBF9B


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 4%, #BCBF9B 98%);

 

HEX #BCBF9B sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #BCBF9B 14%, #9ABFBB 93%);

 

HEX #BCBF9B sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #BCBF9B 0%, #9ABFBB 97%);

Linéaire

HEX #9ABFBB sur HEX #A99BBF


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 0%, #A99BBF 91%);

Radial

HEX #9ABFBB sur HEX #A99BBF


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 5%, #A99BBF 92%);

 

HEX #A99BBF sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #A99BBF 12%, #9ABFBB 90%);

 

HEX #A99BBF sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #A99BBF 4%, #9ABFBB 98%);

 

HEX #9ABFBB sur HEX #BF9BA0


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 6%, #BF9BA0 93%);

 

HEX #9ABFBB sur HEX #BF9BA0


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 0%, #BF9BA0 90%);

 

HEX #BF9BA0 sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #BF9BA0 2%, #9ABFBB 94%);

 

HEX #BF9BA0 sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #BF9BA0 0%, #9ABFBB 97%);

 

HEX #9ABFBB sur HEX #B2BF9B


Code CSS:

background-image: linear-gradient(135deg, #9ABFBB 8%, #B2BF9B 87%);

 

HEX #9ABFBB sur HEX #B2BF9B


Code CSS:

background-image: radial-gradient(circle, #9ABFBB 10%, #B2BF9B 98%);

 

HEX #B2BF9B sur HEX #9ABFBB


Code CSS:

background-image: linear-gradient(135deg, #B2BF9B 6%, #9ABFBB 98%);

 

HEX #B2BF9B sur HEX #9ABFBB


Code CSS:

background-image: radial-gradient(circle, #B2BF9B 14%, #9ABFBB 89%);

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.