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

CSS Gradients:
#FFDF73

Information

ferme tous les

Laisse-toi suggérer des CSS dégradés de deux teintes comme la teinte de base et la couleur complémentaire.

Trouve des exemples de transitions de couleurs linéaires et radiales.

Facile pour le webdesign : copie le code CSS pour l'intégrer facilement sur ton site.

Laisse-toi suggérer des CSS dégradés de deux teintes, comme la teinte de base et une teinte plus claire.

Trouve des exemples de transitions linéaires et radiales de Teintes plus claires.

Facile pour le webdesign : copie le code CSS pour l'intégrer facilement sur ton site.

Laisse-toi suggérer des CSS dégradés de deux teintes, comme la teinte de base et une teinte plus foncée.

Trouve des exemples de transitions de couleurs linéaires et radiales de Teintes plus foncées.

Facile pour le webdesign : copie le code CSS pour l'intégrer facilement sur ton site.

Options d'affichage

Description

Comme les valeurs chromatiques sont relativement élevées par rapport aux autres, cette teinte nous semble plus claire.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 255 Rouge, 223 Vert et 115 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.
255 223 115 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, 13 magenta, 55 jaune et pas de 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% 13% 55% 0% 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 #FFDF73 sur HEX #00208C


Code CSS:

background-image: linear-gradient(135deg, #FFDF73 5%, #00208C 94%);

Radial

HEX #FFDF73 sur HEX #00208C


Code CSS:

background-image: radial-gradient(circle, #FFDF73 9%, #00208C 90%);

 

HEX #00208C sur HEX #FFDF73


Code CSS:

background-image: linear-gradient(135deg, #00208C 11%, #FFDF73 96%);

 

HEX #00208C sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #00208C 3%, #FFDF73 96%);

Linéaire

HEX #FFDF73 sur HEX #FFF181


Code CSS:

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

Radial

HEX #FFDF73 sur HEX #FFF181


Code CSS:

background-image: radial-gradient(circle, #FFDF73 9%, #FFF181 86%);

 

HEX #FFF181 sur HEX #FFDF73


Code CSS:

background-image: linear-gradient(135deg, #FFF181 7%, #FFDF73 89%);

 

HEX #FFF181 sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #FFF181 4%, #FFDF73 91%);

 

HEX #FFDF73 sur HEX #FFFF94


Code CSS:

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

 

HEX #FFDF73 sur HEX #FFFF94


Code CSS:

background-image: radial-gradient(circle, #FFDF73 9%, #FFFF94 86%);

 

HEX #FFFF94 sur HEX #FFDF73


Code CSS:

background-image: linear-gradient(135deg, #FFFF94 9%, #FFDF73 95%);

 

HEX #FFFF94 sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #FFFF94 1%, #FFDF73 90%);

 

HEX #FFDF73 sur HEX #FFFFA7


Code CSS:

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

 

HEX #FFDF73 sur HEX #FFFFA7


Code CSS:

background-image: radial-gradient(circle, #FFDF73 3%, #FFFFA7 86%);

 

HEX #FFFFA7 sur HEX #FFDF73


Code CSS:

background-image: linear-gradient(135deg, #FFFFA7 6%, #FFDF73 100%);

 

HEX #FFFFA7 sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #FFFFA7 11%, #FFDF73 89%);

 

HEX #FFDF73 sur HEX #FFFFBA


Code CSS:

background-image: linear-gradient(135deg, #FFDF73 1%, #FFFFBA 86%);

 

HEX #FFDF73 sur HEX #FFFFBA


Code CSS:

background-image: radial-gradient(circle, #FFDF73 2%, #FFFFBA 93%);

 

HEX #FFFFBA sur HEX #FFDF73


Code CSS:

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

 

HEX #FFFFBA sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #FFFFBA 5%, #FFDF73 90%);

Linéaire

HEX #FFDF73 sur HEX #EECD60


Code CSS:

background-image: linear-gradient(135deg, #FFDF73 2%, #EECD60 90%);

Radial

HEX #FFDF73 sur HEX #EECD60


Code CSS:

background-image: radial-gradient(circle, #FFDF73 14%, #EECD60 96%);

 

HEX #EECD60 sur HEX #FFDF73


Code CSS:

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

 

HEX #EECD60 sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #EECD60 5%, #FFDF73 87%);

 

HEX #FFDF73 sur HEX #DDBB4D


Code CSS:

background-image: linear-gradient(135deg, #FFDF73 9%, #DDBB4D 100%);

 

HEX #FFDF73 sur HEX #DDBB4D


Code CSS:

background-image: radial-gradient(circle, #FFDF73 13%, #DDBB4D 99%);

 

HEX #DDBB4D sur HEX #FFDF73


Code CSS:

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

 

HEX #DDBB4D sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #DDBB4D 12%, #FFDF73 93%);

 

HEX #FFDF73 sur HEX #CCA93A


Code CSS:

background-image: linear-gradient(135deg, #FFDF73 2%, #CCA93A 89%);

 

HEX #FFDF73 sur HEX #CCA93A


Code CSS:

background-image: radial-gradient(circle, #FFDF73 8%, #CCA93A 87%);

 

HEX #CCA93A sur HEX #FFDF73


Code CSS:

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

 

HEX #CCA93A sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #CCA93A 4%, #FFDF73 95%);

 

HEX #FFDF73 sur HEX #BB9727


Code CSS:

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

 

HEX #FFDF73 sur HEX #BB9727


Code CSS:

background-image: radial-gradient(circle, #FFDF73 14%, #BB9727 96%);

 

HEX #BB9727 sur HEX #FFDF73


Code CSS:

background-image: linear-gradient(135deg, #BB9727 9%, #FFDF73 88%);

 

HEX #BB9727 sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #BB9727 3%, #FFDF73 96%);

Linéaire

HEX #FFDF73 sur HEX #FFF575


Code CSS:

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

Radial

HEX #FFDF73 sur HEX #FFF575


Code CSS:

background-image: radial-gradient(circle, #FFDF73 12%, #FFF575 100%);

 

HEX #FFF575 sur HEX #FFDF73


Code CSS:

background-image: linear-gradient(135deg, #FFF575 7%, #FFDF73 96%);

 

HEX #FFF575 sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #FFF575 14%, #FFDF73 94%);

 

HEX #FFDF73 sur HEX #F1FF75


Code CSS:

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

 

HEX #FFDF73 sur HEX #F1FF75


Code CSS:

background-image: radial-gradient(circle, #FFDF73 12%, #F1FF75 98%);

 

HEX #F1FF75 sur HEX #FFDF73


Code CSS:

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

 

HEX #F1FF75 sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #F1FF75 1%, #FFDF73 96%);

 

HEX #FFDF73 sur HEX #DAFF75


Code CSS:

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

 

HEX #FFDF73 sur HEX #DAFF75


Code CSS:

background-image: radial-gradient(circle, #FFDF73 7%, #DAFF75 98%);

 

HEX #DAFF75 sur HEX #FFDF73


Code CSS:

background-image: linear-gradient(135deg, #DAFF75 1%, #FFDF73 94%);

 

HEX #DAFF75 sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #DAFF75 5%, #FFDF73 93%);

 

HEX #FFDF73 sur HEX #C3FF75


Code CSS:

background-image: linear-gradient(135deg, #FFDF73 12%, #C3FF75 94%);

 

HEX #FFDF73 sur HEX #C3FF75


Code CSS:

background-image: radial-gradient(circle, #FFDF73 9%, #C3FF75 96%);

 

HEX #C3FF75 sur HEX #FFDF73


Code CSS:

background-image: linear-gradient(135deg, #C3FF75 8%, #FFDF73 88%);

 

HEX #C3FF75 sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #C3FF75 2%, #FFDF73 87%);

Linéaire

HEX #FFDF73 sur HEX #332D17


Code CSS:

background-image: linear-gradient(135deg, #FFDF73 11%, #332D17 97%);

Radial

HEX #FFDF73 sur HEX #332D17


Code CSS:

background-image: radial-gradient(circle, #FFDF73 4%, #332D17 88%);

 

HEX #332D17 sur HEX #FFDF73


Code CSS:

background-image: linear-gradient(135deg, #332D17 0%, #FFDF73 93%);

 

HEX #332D17 sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #332D17 11%, #FFDF73 97%);

 

HEX #FFDF73 sur HEX #66592E


Code CSS:

background-image: linear-gradient(135deg, #FFDF73 3%, #66592E 88%);

 

HEX #FFDF73 sur HEX #66592E


Code CSS:

background-image: radial-gradient(circle, #FFDF73 10%, #66592E 99%);

 

HEX #66592E sur HEX #FFDF73


Code CSS:

background-image: linear-gradient(135deg, #66592E 8%, #FFDF73 99%);

 

HEX #66592E sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #66592E 6%, #FFDF73 87%);

 

HEX #FFDF73 sur HEX #998645


Code CSS:

background-image: linear-gradient(135deg, #FFDF73 1%, #998645 96%);

 

HEX #FFDF73 sur HEX #998645


Code CSS:

background-image: radial-gradient(circle, #FFDF73 10%, #998645 92%);

 

HEX #998645 sur HEX #FFDF73


Code CSS:

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

 

HEX #998645 sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #998645 1%, #FFDF73 97%);

 

HEX #FFDF73 sur HEX #CCB25C


Code CSS:

background-image: linear-gradient(135deg, #FFDF73 9%, #CCB25C 95%);

 

HEX #FFDF73 sur HEX #CCB25C


Code CSS:

background-image: radial-gradient(circle, #FFDF73 2%, #CCB25C 99%);

 

HEX #CCB25C sur HEX #FFDF73


Code CSS:

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

 

HEX #CCB25C sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #CCB25C 14%, #FFDF73 100%);

Linéaire

HEX #FFDF73 sur HEX #79FF75


Code CSS:

background-image: linear-gradient(135deg, #FFDF73 13%, #79FF75 99%);

Radial

HEX #FFDF73 sur HEX #79FF75


Code CSS:

background-image: radial-gradient(circle, #FFDF73 0%, #79FF75 99%);

 

HEX #79FF75 sur HEX #FFDF73


Code CSS:

background-image: linear-gradient(135deg, #79FF75 7%, #FFDF73 98%);

 

HEX #79FF75 sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #79FF75 11%, #FFDF73 100%);

 

HEX #FFDF73 sur HEX #A775FF


Code CSS:

background-image: linear-gradient(135deg, #FFDF73 6%, #A775FF 88%);

 

HEX #FFDF73 sur HEX #A775FF


Code CSS:

background-image: radial-gradient(circle, #FFDF73 13%, #A775FF 88%);

 

HEX #A775FF sur HEX #FFDF73


Code CSS:

background-image: linear-gradient(135deg, #A775FF 0%, #FFDF73 95%);

 

HEX #A775FF sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #A775FF 0%, #FFDF73 86%);

Linéaire

HEX #FFDF73 sur HEX #75FFDE


Code CSS:

background-image: linear-gradient(135deg, #FFDF73 8%, #75FFDE 88%);

Radial

HEX #FFDF73 sur HEX #75FFDE


Code CSS:

background-image: radial-gradient(circle, #FFDF73 5%, #75FFDE 96%);

 

HEX #75FFDE sur HEX #FFDF73


Code CSS:

background-image: linear-gradient(135deg, #75FFDE 4%, #FFDF73 95%);

 

HEX #75FFDE sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #75FFDE 14%, #FFDF73 99%);

 

HEX #FFDF73 sur HEX #DE75FF


Code CSS:

background-image: linear-gradient(135deg, #FFDF73 10%, #DE75FF 87%);

 

HEX #FFDF73 sur HEX #DE75FF


Code CSS:

background-image: radial-gradient(circle, #FFDF73 1%, #DE75FF 95%);

 

HEX #DE75FF sur HEX #FFDF73


Code CSS:

background-image: linear-gradient(135deg, #DE75FF 8%, #FFDF73 87%);

 

HEX #DE75FF sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #DE75FF 9%, #FFDF73 99%);

Linéaire

HEX #FFDF73 sur HEX #79FF75


Code CSS:

background-image: linear-gradient(135deg, #FFDF73 13%, #79FF75 92%);

Radial

HEX #FFDF73 sur HEX #79FF75


Code CSS:

background-image: radial-gradient(circle, #FFDF73 7%, #79FF75 96%);

 

HEX #79FF75 sur HEX #FFDF73


Code CSS:

background-image: linear-gradient(135deg, #79FF75 3%, #FFDF73 88%);

 

HEX #79FF75 sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #79FF75 10%, #FFDF73 90%);

 

HEX #FFDF73 sur HEX #7595FF


Code CSS:

background-image: linear-gradient(135deg, #FFDF73 0%, #7595FF 98%);

 

HEX #FFDF73 sur HEX #7595FF


Code CSS:

background-image: radial-gradient(circle, #FFDF73 3%, #7595FF 99%);

 

HEX #7595FF sur HEX #FFDF73


Code CSS:

background-image: linear-gradient(135deg, #7595FF 0%, #FFDF73 98%);

 

HEX #7595FF sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #7595FF 12%, #FFDF73 98%);

 

HEX #FFDF73 sur HEX #FA75FF


Code CSS:

background-image: linear-gradient(135deg, #FFDF73 6%, #FA75FF 92%);

 

HEX #FFDF73 sur HEX #FA75FF


Code CSS:

background-image: radial-gradient(circle, #FFDF73 11%, #FA75FF 91%);

 

HEX #FA75FF sur HEX #FFDF73


Code CSS:

background-image: linear-gradient(135deg, #FA75FF 3%, #FFDF73 93%);

 

HEX #FA75FF sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #FA75FF 9%, #FFDF73 86%);

Linéaire

HEX #FFDF73 sur HEX #75FF9A


Code CSS:

background-image: linear-gradient(135deg, #FFDF73 10%, #75FF9A 96%);

Radial

HEX #FFDF73 sur HEX #75FF9A


Code CSS:

background-image: radial-gradient(circle, #FFDF73 10%, #75FF9A 96%);

 

HEX #75FF9A sur HEX #FFDF73


Code CSS:

background-image: linear-gradient(135deg, #75FF9A 10%, #FFDF73 88%);

 

HEX #75FF9A sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #75FF9A 8%, #FFDF73 94%);

 

HEX #FFDF73 sur HEX #7595FF


Code CSS:

background-image: linear-gradient(135deg, #FFDF73 4%, #7595FF 100%);

 

HEX #FFDF73 sur HEX #7595FF


Code CSS:

background-image: radial-gradient(circle, #FFDF73 12%, #7595FF 96%);

 

HEX #7595FF sur HEX #FFDF73


Code CSS:

background-image: linear-gradient(135deg, #7595FF 9%, #FFDF73 98%);

 

HEX #7595FF sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #7595FF 13%, #FFDF73 98%);

 

HEX #FFDF73 sur HEX #FF75DA


Code CSS:

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

 

HEX #FFDF73 sur HEX #FF75DA


Code CSS:

background-image: radial-gradient(circle, #FFDF73 10%, #FF75DA 86%);

 

HEX #FF75DA sur HEX #FFDF73


Code CSS:

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

 

HEX #FF75DA sur HEX #FFDF73


Code CSS:

background-image: radial-gradient(circle, #FF75DA 10%, #FFDF73 98%);

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 des palettes de couleurs, tu dois être connecté.

Se connecter à ton 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 que vous souhaitez.

Partager

OK, j'ai copié les liens

Tes couleurs sont enregistrées dans une nouvelle palette de couleurs.
Vois-la sous ton profil.
Tu peux 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 , tu peux créer des palettes et télécharger les nuanciers.