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

CSS Gradients:
#CFA716

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

Le rouge et le vert dominent nettement cette teinte : les valeurs du rouge et du vert sont supérieures à celles du bleu. 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 207 Rouge, 167 Vert et 22 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.
207 167 22 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 pas de cyan, 19 magenta, 89 jaune et 19 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.
0% 19% 89% 19% 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 #CFA716 sur HEX #3058E9


Code CSS:

background-image: linear-gradient(135deg, #CFA716 4%, #3058E9 95%);

Radial

HEX #CFA716 sur HEX #3058E9


Code CSS:

background-image: radial-gradient(circle, #CFA716 3%, #3058E9 99%);

 

HEX #3058E9 sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #3058E9 11%, #CFA716 86%);

 

HEX #3058E9 sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #3058E9 12%, #CFA716 94%);

Linéaire

HEX #CFA716 sur HEX #D07616


Code CSS:

background-image: linear-gradient(135deg, #CFA716 4%, #D07616 94%);

Radial

HEX #CFA716 sur HEX #D07616


Code CSS:

background-image: radial-gradient(circle, #CFA716 13%, #D07616 93%);

 

HEX #D07616 sur HEX #CFA716


Code CSS:

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

 

HEX #D07616 sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #D07616 14%, #CFA716 90%);

 

HEX #CFA716 sur HEX #D0A716


Code CSS:

background-image: linear-gradient(135deg, #CFA716 11%, #D0A716 87%);

 

HEX #CFA716 sur HEX #D0A716


Code CSS:

background-image: radial-gradient(circle, #CFA716 7%, #D0A716 97%);

 

HEX #D0A716 sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #D0A716 10%, #CFA716 93%);

 

HEX #D0A716 sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #D0A716 2%, #CFA716 93%);

 

HEX #CFA716 sur HEX #C6D016


Code CSS:

background-image: linear-gradient(135deg, #CFA716 2%, #C6D016 92%);

 

HEX #CFA716 sur HEX #C6D016


Code CSS:

background-image: radial-gradient(circle, #CFA716 6%, #C6D016 96%);

 

HEX #C6D016 sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #C6D016 5%, #CFA716 92%);

 

HEX #C6D016 sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #C6D016 2%, #CFA716 88%);

 

HEX #CFA716 sur HEX #95D016


Code CSS:

background-image: linear-gradient(135deg, #CFA716 8%, #95D016 94%);

 

HEX #CFA716 sur HEX #95D016


Code CSS:

background-image: radial-gradient(circle, #CFA716 4%, #95D016 99%);

 

HEX #95D016 sur HEX #CFA716


Code CSS:

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

 

HEX #95D016 sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #95D016 3%, #CFA716 94%);

Linéaire

HEX #CFA716 sur HEX #AA8912


Code CSS:

background-image: linear-gradient(135deg, #CFA716 2%, #AA8912 97%);

Radial

HEX #CFA716 sur HEX #AA8912


Code CSS:

background-image: radial-gradient(circle, #CFA716 8%, #AA8912 99%);

 

HEX #AA8912 sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #AA8912 9%, #CFA716 91%);

 

HEX #AA8912 sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #AA8912 6%, #CFA716 87%);

 

HEX #CFA716 sur HEX #D0A816


Code CSS:

background-image: linear-gradient(135deg, #CFA716 7%, #D0A816 87%);

 

HEX #CFA716 sur HEX #D0A816


Code CSS:

background-image: radial-gradient(circle, #CFA716 13%, #D0A816 86%);

 

HEX #D0A816 sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #D0A816 2%, #CFA716 96%);

 

HEX #D0A816 sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #D0A816 9%, #CFA716 88%);

 

HEX #CFA716 sur HEX #E8BE26


Code CSS:

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

 

HEX #CFA716 sur HEX #E8BE26


Code CSS:

background-image: radial-gradient(circle, #CFA716 9%, #E8BE26 91%);

 

HEX #E8BE26 sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #E8BE26 1%, #CFA716 93%);

 

HEX #E8BE26 sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #E8BE26 6%, #CFA716 91%);

 

HEX #CFA716 sur HEX #ECCA4C


Code CSS:

background-image: linear-gradient(135deg, #CFA716 0%, #ECCA4C 88%);

 

HEX #CFA716 sur HEX #ECCA4C


Code CSS:

background-image: radial-gradient(circle, #CFA716 11%, #ECCA4C 98%);

 

HEX #ECCA4C sur HEX #CFA716


Code CSS:

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

 

HEX #ECCA4C sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #ECCA4C 5%, #CFA716 99%);

Linéaire

HEX #CFA716 sur HEX #D07616


Code CSS:

background-image: linear-gradient(135deg, #CFA716 7%, #D07616 90%);

Radial

HEX #CFA716 sur HEX #D07616


Code CSS:

background-image: radial-gradient(circle, #CFA716 0%, #D07616 92%);

 

HEX #D07616 sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #D07616 10%, #CFA716 100%);

 

HEX #D07616 sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #D07616 6%, #CFA716 87%);

 

HEX #CFA716 sur HEX #D0A716


Code CSS:

background-image: linear-gradient(135deg, #CFA716 1%, #D0A716 99%);

 

HEX #CFA716 sur HEX #D0A716


Code CSS:

background-image: radial-gradient(circle, #CFA716 8%, #D0A716 89%);

 

HEX #D0A716 sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #D0A716 11%, #CFA716 96%);

 

HEX #D0A716 sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #D0A716 14%, #CFA716 92%);

 

HEX #CFA716 sur HEX #C6D016


Code CSS:

background-image: linear-gradient(135deg, #CFA716 10%, #C6D016 95%);

 

HEX #CFA716 sur HEX #C6D016


Code CSS:

background-image: radial-gradient(circle, #CFA716 6%, #C6D016 93%);

 

HEX #C6D016 sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #C6D016 11%, #CFA716 87%);

 

HEX #C6D016 sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #C6D016 7%, #CFA716 92%);

 

HEX #CFA716 sur HEX #95D016


Code CSS:

background-image: linear-gradient(135deg, #CFA716 2%, #95D016 86%);

 

HEX #CFA716 sur HEX #95D016


Code CSS:

background-image: radial-gradient(circle, #CFA716 3%, #95D016 91%);

 

HEX #95D016 sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #95D016 5%, #CFA716 89%);

 

HEX #95D016 sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #95D016 3%, #CFA716 87%);

Linéaire

HEX #CFA716 sur HEX #AA8912


Code CSS:

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

Radial

HEX #CFA716 sur HEX #AA8912


Code CSS:

background-image: radial-gradient(circle, #CFA716 11%, #AA8912 89%);

 

HEX #AA8912 sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #AA8912 1%, #CFA716 89%);

 

HEX #AA8912 sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #AA8912 12%, #CFA716 91%);

 

HEX #CFA716 sur HEX #D0A816


Code CSS:

background-image: linear-gradient(135deg, #CFA716 14%, #D0A816 88%);

 

HEX #CFA716 sur HEX #D0A816


Code CSS:

background-image: radial-gradient(circle, #CFA716 1%, #D0A816 93%);

 

HEX #D0A816 sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #D0A816 7%, #CFA716 100%);

 

HEX #D0A816 sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #D0A816 2%, #CFA716 94%);

 

HEX #CFA716 sur HEX #E8BE26


Code CSS:

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

 

HEX #CFA716 sur HEX #E8BE26


Code CSS:

background-image: radial-gradient(circle, #CFA716 9%, #E8BE26 99%);

 

HEX #E8BE26 sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #E8BE26 10%, #CFA716 94%);

 

HEX #E8BE26 sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #E8BE26 10%, #CFA716 95%);

 

HEX #CFA716 sur HEX #ECCA4C


Code CSS:

background-image: linear-gradient(135deg, #CFA716 2%, #ECCA4C 92%);

 

HEX #CFA716 sur HEX #ECCA4C


Code CSS:

background-image: radial-gradient(circle, #CFA716 2%, #ECCA4C 97%);

 

HEX #ECCA4C sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #ECCA4C 12%, #CFA716 86%);

 

HEX #ECCA4C sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #ECCA4C 13%, #CFA716 99%);

Linéaire

HEX #CFA716 sur HEX #19D016


Code CSS:

background-image: linear-gradient(135deg, #CFA716 8%, #19D016 96%);

Radial

HEX #CFA716 sur HEX #19D016


Code CSS:

background-image: radial-gradient(circle, #CFA716 0%, #19D016 90%);

 

HEX #19D016 sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #19D016 8%, #CFA716 97%);

 

HEX #19D016 sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #19D016 8%, #CFA716 100%);

 

HEX #CFA716 sur HEX #5D16D0


Code CSS:

background-image: linear-gradient(135deg, #CFA716 0%, #5D16D0 95%);

 

HEX #CFA716 sur HEX #5D16D0


Code CSS:

background-image: radial-gradient(circle, #CFA716 2%, #5D16D0 89%);

 

HEX #5D16D0 sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #5D16D0 1%, #CFA716 88%);

 

HEX #5D16D0 sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #5D16D0 4%, #CFA716 100%);

Linéaire

HEX #CFA716 sur HEX #16D0A7


Code CSS:

background-image: linear-gradient(135deg, #CFA716 14%, #16D0A7 97%);

Radial

HEX #CFA716 sur HEX #16D0A7


Code CSS:

background-image: radial-gradient(circle, #CFA716 14%, #16D0A7 87%);

 

HEX #16D0A7 sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #16D0A7 2%, #CFA716 89%);

 

HEX #16D0A7 sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #16D0A7 3%, #CFA716 96%);

 

HEX #CFA716 sur HEX #A716D0


Code CSS:

background-image: linear-gradient(135deg, #CFA716 6%, #A716D0 94%);

 

HEX #CFA716 sur HEX #A716D0


Code CSS:

background-image: radial-gradient(circle, #CFA716 10%, #A716D0 96%);

 

HEX #A716D0 sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #A716D0 8%, #CFA716 94%);

 

HEX #A716D0 sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #A716D0 2%, #CFA716 89%);

Linéaire

HEX #CFA716 sur HEX #19D016


Code CSS:

background-image: linear-gradient(135deg, #CFA716 14%, #19D016 95%);

Radial

HEX #CFA716 sur HEX #19D016


Code CSS:

background-image: radial-gradient(circle, #CFA716 12%, #19D016 87%);

 

HEX #19D016 sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #19D016 10%, #CFA716 96%);

 

HEX #19D016 sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #19D016 12%, #CFA716 93%);

 

HEX #CFA716 sur HEX #163ED0


Code CSS:

background-image: linear-gradient(135deg, #CFA716 12%, #163ED0 88%);

 

HEX #CFA716 sur HEX #163ED0


Code CSS:

background-image: radial-gradient(circle, #CFA716 10%, #163ED0 93%);

 

HEX #163ED0 sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #163ED0 13%, #CFA716 92%);

 

HEX #163ED0 sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #163ED0 12%, #CFA716 100%);

 

HEX #CFA716 sur HEX #CD16D0


Code CSS:

background-image: linear-gradient(135deg, #CFA716 0%, #CD16D0 94%);

 

HEX #CFA716 sur HEX #CD16D0


Code CSS:

background-image: radial-gradient(circle, #CFA716 9%, #CD16D0 90%);

 

HEX #CD16D0 sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #CD16D0 14%, #CFA716 94%);

 

HEX #CD16D0 sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #CD16D0 8%, #CFA716 100%);

Linéaire

HEX #CFA716 sur HEX #16D04A


Code CSS:

background-image: linear-gradient(135deg, #CFA716 10%, #16D04A 93%);

Radial

HEX #CFA716 sur HEX #16D04A


Code CSS:

background-image: radial-gradient(circle, #CFA716 12%, #16D04A 100%);

 

HEX #16D04A sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #16D04A 8%, #CFA716 94%);

 

HEX #16D04A sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #16D04A 0%, #CFA716 88%);

 

HEX #CFA716 sur HEX #163ED0


Code CSS:

background-image: linear-gradient(135deg, #CFA716 11%, #163ED0 86%);

 

HEX #CFA716 sur HEX #163ED0


Code CSS:

background-image: radial-gradient(circle, #CFA716 2%, #163ED0 91%);

 

HEX #163ED0 sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #163ED0 9%, #CFA716 97%);

 

HEX #163ED0 sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #163ED0 11%, #CFA716 94%);

 

HEX #CFA716 sur HEX #D0169B


Code CSS:

background-image: linear-gradient(135deg, #CFA716 13%, #D0169B 95%);

 

HEX #CFA716 sur HEX #D0169B


Code CSS:

background-image: radial-gradient(circle, #CFA716 13%, #D0169B 90%);

 

HEX #D0169B sur HEX #CFA716


Code CSS:

background-image: linear-gradient(135deg, #D0169B 14%, #CFA716 86%);

 

HEX #D0169B sur HEX #CFA716


Code CSS:

background-image: radial-gradient(circle, #D0169B 1%, #CFA716 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)

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.