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

CSS Gradients:
#6DFBAF

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 109 Rouge, 251 Vert et 175 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.
109 251 175 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 57 cyan, pas de magenta, 30 jaune et 2 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.
57% 0% 30% 2% 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 #6DFBAF sur HEX #920450


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 12%, #920450 96%);

Radial

HEX #6DFBAF sur HEX #920450


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 1%, #920450 87%);

 

HEX #920450 sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #920450 8%, #6DFBAF 96%);

 

HEX #920450 sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #920450 10%, #6DFBAF 98%);

Linéaire

HEX #6DFBAF sur HEX #6FFB89


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 2%, #6FFB89 93%);

Radial

HEX #6DFBAF sur HEX #6FFB89


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 6%, #6FFB89 89%);

 

HEX #6FFB89 sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #6FFB89 2%, #6DFBAF 86%);

 

HEX #6FFB89 sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #6FFB89 12%, #6DFBAF 93%);

 

HEX #6DFBAF sur HEX #6FFBAE


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 3%, #6FFBAE 100%);

 

HEX #6DFBAF sur HEX #6FFBAE


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 2%, #6FFBAE 88%);

 

HEX #6FFBAE sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #6FFBAE 5%, #6DFBAF 96%);

 

HEX #6FFBAE sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #6FFBAE 2%, #6DFBAF 97%);

 

HEX #6DFBAF sur HEX #6FFBD3


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 12%, #6FFBD3 87%);

 

HEX #6DFBAF sur HEX #6FFBD3


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 4%, #6FFBD3 87%);

 

HEX #6FFBD3 sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #6FFBD3 5%, #6DFBAF 97%);

 

HEX #6FFBD3 sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #6FFBD3 11%, #6DFBAF 97%);

 

HEX #6DFBAF sur HEX #6FFBF9


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 1%, #6FFBF9 93%);

 

HEX #6DFBAF sur HEX #6FFBF9


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 2%, #6FFBF9 89%);

 

HEX #6FFBF9 sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #6FFBF9 11%, #6DFBAF 86%);

 

HEX #6FFBF9 sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #6FFBF9 10%, #6DFBAF 96%);

Linéaire

HEX #6DFBAF sur HEX #47FA9A


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 6%, #47FA9A 88%);

Radial

HEX #6DFBAF sur HEX #47FA9A


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 8%, #47FA9A 94%);

 

HEX #47FA9A sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #47FA9A 4%, #6DFBAF 90%);

 

HEX #47FA9A sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #47FA9A 4%, #6DFBAF 99%);

 

HEX #6DFBAF sur HEX #6FFBB0


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 13%, #6FFBB0 99%);

 

HEX #6DFBAF sur HEX #6FFBB0


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 3%, #6FFBB0 100%);

 

HEX #6FFBB0 sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #6FFBB0 0%, #6DFBAF 96%);

 

HEX #6FFBB0 sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #6FFBB0 0%, #6DFBAF 88%);

 

HEX #6DFBAF sur HEX #97FCC6


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 1%, #97FCC6 86%);

 

HEX #6DFBAF sur HEX #97FCC6


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 7%, #97FCC6 89%);

 

HEX #97FCC6 sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #97FCC6 1%, #6DFBAF 97%);

 

HEX #97FCC6 sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #97FCC6 4%, #6DFBAF 87%);

 

HEX #6DFBAF sur HEX #BFFDDC


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 0%, #BFFDDC 95%);

 

HEX #6DFBAF sur HEX #BFFDDC


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 10%, #BFFDDC 93%);

 

HEX #BFFDDC sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #BFFDDC 8%, #6DFBAF 92%);

 

HEX #BFFDDC sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #BFFDDC 4%, #6DFBAF 89%);

Linéaire

HEX #6DFBAF sur HEX #6FFB89


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 12%, #6FFB89 86%);

Radial

HEX #6DFBAF sur HEX #6FFB89


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 8%, #6FFB89 98%);

 

HEX #6FFB89 sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #6FFB89 5%, #6DFBAF 95%);

 

HEX #6FFB89 sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #6FFB89 4%, #6DFBAF 97%);

 

HEX #6DFBAF sur HEX #6FFBAE


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 10%, #6FFBAE 95%);

 

HEX #6DFBAF sur HEX #6FFBAE


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 8%, #6FFBAE 87%);

 

HEX #6FFBAE sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #6FFBAE 10%, #6DFBAF 95%);

 

HEX #6FFBAE sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #6FFBAE 3%, #6DFBAF 92%);

 

HEX #6DFBAF sur HEX #6FFBD3


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 4%, #6FFBD3 96%);

 

HEX #6DFBAF sur HEX #6FFBD3


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 7%, #6FFBD3 90%);

 

HEX #6FFBD3 sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #6FFBD3 13%, #6DFBAF 93%);

 

HEX #6FFBD3 sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #6FFBD3 11%, #6DFBAF 98%);

 

HEX #6DFBAF sur HEX #6FFBF9


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 0%, #6FFBF9 91%);

 

HEX #6DFBAF sur HEX #6FFBF9


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 6%, #6FFBF9 90%);

 

HEX #6FFBF9 sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #6FFBF9 9%, #6DFBAF 87%);

 

HEX #6FFBF9 sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #6FFBF9 4%, #6DFBAF 93%);

Linéaire

HEX #6DFBAF sur HEX #47FA9A


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 7%, #47FA9A 98%);

Radial

HEX #6DFBAF sur HEX #47FA9A


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 8%, #47FA9A 86%);

 

HEX #47FA9A sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #47FA9A 2%, #6DFBAF 99%);

 

HEX #47FA9A sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #47FA9A 14%, #6DFBAF 97%);

 

HEX #6DFBAF sur HEX #6FFBB0


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 1%, #6FFBB0 98%);

 

HEX #6DFBAF sur HEX #6FFBB0


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 3%, #6FFBB0 95%);

 

HEX #6FFBB0 sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #6FFBB0 3%, #6DFBAF 96%);

 

HEX #6FFBB0 sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #6FFBB0 8%, #6DFBAF 99%);

 

HEX #6DFBAF sur HEX #97FCC6


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 10%, #97FCC6 98%);

 

HEX #6DFBAF sur HEX #97FCC6


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 2%, #97FCC6 97%);

 

HEX #97FCC6 sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #97FCC6 3%, #6DFBAF 89%);

 

HEX #97FCC6 sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #97FCC6 3%, #6DFBAF 97%);

 

HEX #6DFBAF sur HEX #BFFDDC


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 2%, #BFFDDC 93%);

 

HEX #6DFBAF sur HEX #BFFDDC


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 11%, #BFFDDC 96%);

 

HEX #BFFDDC sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #BFFDDC 12%, #6DFBAF 97%);

 

HEX #BFFDDC sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #BFFDDC 5%, #6DFBAF 100%);

Linéaire

HEX #6DFBAF sur HEX #6FA0FB


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 10%, #6FA0FB 99%);

Radial

HEX #6DFBAF sur HEX #6FA0FB


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 12%, #6FA0FB 94%);

 

HEX #6FA0FB sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #6FA0FB 13%, #6DFBAF 86%);

 

HEX #6FA0FB sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #6FA0FB 6%, #6DFBAF 90%);

 

HEX #6DFBAF sur HEX #FB766F


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 1%, #FB766F 88%);

 

HEX #6DFBAF sur HEX #FB766F


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 3%, #FB766F 88%);

 

HEX #FB766F sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #FB766F 3%, #6DFBAF 100%);

 

HEX #FB766F sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #FB766F 12%, #6DFBAF 91%);

Linéaire

HEX #6DFBAF sur HEX #AE6FFB


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 1%, #AE6FFB 87%);

Radial

HEX #6DFBAF sur HEX #AE6FFB


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 4%, #AE6FFB 97%);

 

HEX #AE6FFB sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #AE6FFB 11%, #6DFBAF 100%);

 

HEX #AE6FFB sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #AE6FFB 3%, #6DFBAF 95%);

 

HEX #6DFBAF sur HEX #FBAE6F


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 13%, #FBAE6F 94%);

 

HEX #6DFBAF sur HEX #FBAE6F


Code CSS:

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

 

HEX #FBAE6F sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #FBAE6F 9%, #6DFBAF 86%);

 

HEX #FBAE6F sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #FBAE6F 0%, #6DFBAF 100%);

Linéaire

HEX #6DFBAF sur HEX #6FA0FB


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 9%, #6FA0FB 91%);

Radial

HEX #6DFBAF sur HEX #6FA0FB


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 5%, #6FA0FB 92%);

 

HEX #6FA0FB sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #6FA0FB 4%, #6DFBAF 87%);

 

HEX #6FA0FB sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #6FA0FB 14%, #6DFBAF 99%);

 

HEX #6DFBAF sur HEX #FB6FBC


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 1%, #FB6FBC 91%);

 

HEX #6DFBAF sur HEX #FB6FBC


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 4%, #FB6FBC 99%);

 

HEX #FB6FBC sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #FB6FBC 10%, #6DFBAF 90%);

 

HEX #FB6FBC sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #FB6FBC 9%, #6DFBAF 90%);

 

HEX #6DFBAF sur HEX #FBCA6F


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 6%, #FBCA6F 91%);

 

HEX #6DFBAF sur HEX #FBCA6F


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 8%, #FBCA6F 89%);

 

HEX #FBCA6F sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #FBCA6F 4%, #6DFBAF 95%);

 

HEX #FBCA6F sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #FBCA6F 13%, #6DFBAF 87%);

Linéaire

HEX #6DFBAF sur HEX #6F76FB


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 13%, #6F76FB 100%);

Radial

HEX #6DFBAF sur HEX #6F76FB


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 5%, #6F76FB 96%);

 

HEX #6F76FB sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #6F76FB 5%, #6DFBAF 90%);

 

HEX #6F76FB sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #6F76FB 13%, #6DFBAF 95%);

 

HEX #6DFBAF sur HEX #FB6FBC


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 5%, #FB6FBC 95%);

 

HEX #6DFBAF sur HEX #FB6FBC


Code CSS:

background-image: radial-gradient(circle, #6DFBAF 0%, #FB6FBC 87%);

 

HEX #FB6FBC sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #FB6FBC 2%, #6DFBAF 98%);

 

HEX #FB6FBC sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #FB6FBC 12%, #6DFBAF 87%);

 

HEX #6DFBAF sur HEX #FBF46F


Code CSS:

background-image: linear-gradient(135deg, #6DFBAF 0%, #FBF46F 94%);

 

HEX #6DFBAF sur HEX #FBF46F


Code CSS:

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

 

HEX #FBF46F sur HEX #6DFBAF


Code CSS:

background-image: linear-gradient(135deg, #FBF46F 6%, #6DFBAF 93%);

 

HEX #FBF46F sur HEX #6DFBAF


Code CSS:

background-image: radial-gradient(circle, #FBF46F 1%, #6DFBAF 86%);

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.