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

CSS Gradients:
#5FCBBF

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 95 Rouge, 203 Vert et 191 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.
95 203 191 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 53 cyan, pas de magenta, 6 jaune et 20 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.
53% 0% 6% 20% 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 #5FCBBF sur HEX #A03440


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 8%, #A03440 95%);

Radial

HEX #5FCBBF sur HEX #A03440


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 0%, #A03440 87%);

 

HEX #A03440 sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #A03440 3%, #5FCBBF 92%);

 

HEX #A03440 sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #A03440 11%, #5FCBBF 88%);

Linéaire

HEX #5FCBBF sur HEX #5DCBA1


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 11%, #5DCBA1 87%);

Radial

HEX #5FCBBF sur HEX #5DCBA1


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 2%, #5DCBA1 87%);

 

HEX #5DCBA1 sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #5DCBA1 12%, #5FCBBF 86%);

 

HEX #5DCBA1 sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #5DCBA1 1%, #5FCBBF 89%);

 

HEX #5FCBBF sur HEX #5DCBBE


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 6%, #5DCBBE 87%);

 

HEX #5FCBBF sur HEX #5DCBBE


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 7%, #5DCBBE 87%);

 

HEX #5DCBBE sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #5DCBBE 11%, #5FCBBF 91%);

 

HEX #5DCBBE sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #5DCBBE 9%, #5FCBBF 93%);

 

HEX #5FCBBF sur HEX #5DBACB


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 14%, #5DBACB 90%);

 

HEX #5FCBBF sur HEX #5DBACB


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 14%, #5DBACB 91%);

 

HEX #5DBACB sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #5DBACB 8%, #5FCBBF 89%);

 

HEX #5DBACB sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #5DBACB 4%, #5FCBBF 92%);

 

HEX #5FCBBF sur HEX #5D9DCB


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 13%, #5D9DCB 96%);

 

HEX #5FCBBF sur HEX #5D9DCB


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 4%, #5D9DCB 97%);

 

HEX #5D9DCB sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #5D9DCB 7%, #5FCBBF 100%);

 

HEX #5D9DCB sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #5D9DCB 0%, #5FCBBF 93%);

Linéaire

HEX #5FCBBF sur HEX #3EC0B2


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 11%, #3EC0B2 97%);

Radial

HEX #5FCBBF sur HEX #3EC0B2


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 4%, #3EC0B2 100%);

 

HEX #3EC0B2 sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #3EC0B2 8%, #5FCBBF 88%);

 

HEX #3EC0B2 sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #3EC0B2 10%, #5FCBBF 88%);

 

HEX #5FCBBF sur HEX #5DCBBE


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 2%, #5DCBBE 87%);

 

HEX #5FCBBF sur HEX #5DCBBE


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 8%, #5DCBBE 98%);

 

HEX #5DCBBE sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #5DCBBE 5%, #5FCBBF 93%);

 

HEX #5DCBBE sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #5DCBBE 6%, #5FCBBF 88%);

 

HEX #5FCBBF sur HEX #7CD5CB


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 5%, #7CD5CB 97%);

 

HEX #5FCBBF sur HEX #7CD5CB


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 2%, #7CD5CB 97%);

 

HEX #7CD5CB sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #7CD5CB 10%, #5FCBBF 89%);

 

HEX #7CD5CB sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #7CD5CB 10%, #5FCBBF 97%);

 

HEX #5FCBBF sur HEX #9CDFD7


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 9%, #9CDFD7 98%);

 

HEX #5FCBBF sur HEX #9CDFD7


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 1%, #9CDFD7 96%);

 

HEX #9CDFD7 sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #9CDFD7 3%, #5FCBBF 92%);

 

HEX #9CDFD7 sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #9CDFD7 13%, #5FCBBF 98%);

Linéaire

HEX #5FCBBF sur HEX #5DCBA1


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 11%, #5DCBA1 92%);

Radial

HEX #5FCBBF sur HEX #5DCBA1


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 14%, #5DCBA1 89%);

 

HEX #5DCBA1 sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #5DCBA1 8%, #5FCBBF 100%);

 

HEX #5DCBA1 sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #5DCBA1 10%, #5FCBBF 87%);

 

HEX #5FCBBF sur HEX #5DCBBE


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 6%, #5DCBBE 100%);

 

HEX #5FCBBF sur HEX #5DCBBE


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 3%, #5DCBBE 88%);

 

HEX #5DCBBE sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #5DCBBE 2%, #5FCBBF 96%);

 

HEX #5DCBBE sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #5DCBBE 4%, #5FCBBF 94%);

 

HEX #5FCBBF sur HEX #5DBACB


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 5%, #5DBACB 99%);

 

HEX #5FCBBF sur HEX #5DBACB


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 6%, #5DBACB 97%);

 

HEX #5DBACB sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #5DBACB 9%, #5FCBBF 86%);

 

HEX #5DBACB sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #5DBACB 0%, #5FCBBF 92%);

 

HEX #5FCBBF sur HEX #5D9DCB


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 7%, #5D9DCB 94%);

 

HEX #5FCBBF sur HEX #5D9DCB


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 1%, #5D9DCB 98%);

 

HEX #5D9DCB sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #5D9DCB 6%, #5FCBBF 93%);

 

HEX #5D9DCB sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #5D9DCB 3%, #5FCBBF 98%);

Linéaire

HEX #5FCBBF sur HEX #3EC0B2


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 2%, #3EC0B2 92%);

Radial

HEX #5FCBBF sur HEX #3EC0B2


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 7%, #3EC0B2 99%);

 

HEX #3EC0B2 sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #3EC0B2 5%, #5FCBBF 91%);

 

HEX #3EC0B2 sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #3EC0B2 11%, #5FCBBF 89%);

 

HEX #5FCBBF sur HEX #5DCBBE


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 11%, #5DCBBE 96%);

 

HEX #5FCBBF sur HEX #5DCBBE


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 3%, #5DCBBE 96%);

 

HEX #5DCBBE sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #5DCBBE 10%, #5FCBBF 99%);

 

HEX #5DCBBE sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #5DCBBE 10%, #5FCBBF 89%);

 

HEX #5FCBBF sur HEX #7CD5CB


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 8%, #7CD5CB 96%);

 

HEX #5FCBBF sur HEX #7CD5CB


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 4%, #7CD5CB 97%);

 

HEX #7CD5CB sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #7CD5CB 6%, #5FCBBF 90%);

 

HEX #7CD5CB sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #7CD5CB 12%, #5FCBBF 92%);

 

HEX #5FCBBF sur HEX #9CDFD7


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 0%, #9CDFD7 99%);

 

HEX #5FCBBF sur HEX #9CDFD7


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 4%, #9CDFD7 93%);

 

HEX #9CDFD7 sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #9CDFD7 6%, #5FCBBF 89%);

 

HEX #9CDFD7 sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #9CDFD7 6%, #5FCBBF 91%);

Linéaire

HEX #5FCBBF sur HEX #665DCB


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 2%, #665DCB 88%);

Radial

HEX #5FCBBF sur HEX #665DCB


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 4%, #665DCB 86%);

 

HEX #665DCB sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #665DCB 6%, #5FCBBF 95%);

 

HEX #665DCB sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #665DCB 0%, #5FCBBF 93%);

 

HEX #5FCBBF sur HEX #CB925D


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 14%, #CB925D 87%);

 

HEX #5FCBBF sur HEX #CB925D


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 9%, #CB925D 98%);

 

HEX #CB925D sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #CB925D 7%, #5FCBBF 97%);

 

HEX #CB925D sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #CB925D 11%, #5FCBBF 88%);

Linéaire

HEX #5FCBBF sur HEX #BE5DCB


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 0%, #BE5DCB 93%);

Radial

HEX #5FCBBF sur HEX #BE5DCB


Code CSS:

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

 

HEX #BE5DCB sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #BE5DCB 0%, #5FCBBF 88%);

 

HEX #BE5DCB sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #BE5DCB 2%, #5FCBBF 90%);

 

HEX #5FCBBF sur HEX #CBBE5D


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 7%, #CBBE5D 90%);

 

HEX #5FCBBF sur HEX #CBBE5D


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 2%, #CBBE5D 93%);

 

HEX #CBBE5D sur HEX #5FCBBF


Code CSS:

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

 

HEX #CBBE5D sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #CBBE5D 1%, #5FCBBF 88%);

Linéaire

HEX #5FCBBF sur HEX #665DCB


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 3%, #665DCB 96%);

Radial

HEX #5FCBBF sur HEX #665DCB


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 1%, #665DCB 96%);

 

HEX #665DCB sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #665DCB 1%, #5FCBBF 87%);

 

HEX #665DCB sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #665DCB 6%, #5FCBBF 98%);

 

HEX #5FCBBF sur HEX #CB5D6A


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 1%, #CB5D6A 93%);

 

HEX #5FCBBF sur HEX #CB5D6A


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 8%, #CB5D6A 86%);

 

HEX #CB5D6A sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #CB5D6A 12%, #5FCBBF 92%);

 

HEX #CB5D6A sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #CB5D6A 7%, #5FCBBF 94%);

 

HEX #5FCBBF sur HEX #C1CB5D


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 0%, #C1CB5D 90%);

 

HEX #5FCBBF sur HEX #C1CB5D


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 4%, #C1CB5D 95%);

 

HEX #C1CB5D sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #C1CB5D 11%, #5FCBBF 86%);

 

HEX #C1CB5D sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #C1CB5D 4%, #5FCBBF 97%);

Linéaire

HEX #5FCBBF sur HEX #875DCB


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 14%, #875DCB 99%);

Radial

HEX #5FCBBF sur HEX #875DCB


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 13%, #875DCB 94%);

 

HEX #875DCB sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #875DCB 9%, #5FCBBF 95%);

 

HEX #875DCB sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #875DCB 8%, #5FCBBF 99%);

 

HEX #5FCBBF sur HEX #CB5D6A


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 0%, #CB5D6A 88%);

 

HEX #5FCBBF sur HEX #CB5D6A


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 9%, #CB5D6A 90%);

 

HEX #CB5D6A sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #CB5D6A 9%, #5FCBBF 86%);

 

HEX #CB5D6A sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #CB5D6A 1%, #5FCBBF 97%);

 

HEX #5FCBBF sur HEX #A1CB5D


Code CSS:

background-image: linear-gradient(135deg, #5FCBBF 10%, #A1CB5D 97%);

 

HEX #5FCBBF sur HEX #A1CB5D


Code CSS:

background-image: radial-gradient(circle, #5FCBBF 12%, #A1CB5D 99%);

 

HEX #A1CB5D sur HEX #5FCBBF


Code CSS:

background-image: linear-gradient(135deg, #A1CB5D 13%, #5FCBBF 100%);

 

HEX #A1CB5D sur HEX #5FCBBF


Code CSS:

background-image: radial-gradient(circle, #A1CB5D 13%, #5FCBBF 87%);

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.