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

CSS Gradients:
#FDC875

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 253 Rouge, 200 Vert et 117 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.
253 200 117 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, 21 magenta, 54 jaune et 1 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% 21% 54% 1% 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 #FDC875 sur HEX #02378A


Code CSS:

background-image: linear-gradient(135deg, #FDC875 8%, #02378A 88%);

Radial

HEX #FDC875 sur HEX #02378A


Code CSS:

background-image: radial-gradient(circle, #FDC875 0%, #02378A 88%);

 

HEX #02378A sur HEX #FDC875


Code CSS:

background-image: linear-gradient(135deg, #02378A 9%, #FDC875 88%);

 

HEX #02378A sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #02378A 9%, #FDC875 90%);

Linéaire

HEX #FDC875 sur HEX #FDA477


Code CSS:

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

Radial

HEX #FDC875 sur HEX #FDA477


Code CSS:

background-image: radial-gradient(circle, #FDC875 6%, #FDA477 89%);

 

HEX #FDA477 sur HEX #FDC875


Code CSS:

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

 

HEX #FDA477 sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #FDA477 2%, #FDC875 98%);

 

HEX #FDC875 sur HEX #FDC877


Code CSS:

background-image: linear-gradient(135deg, #FDC875 2%, #FDC877 99%);

 

HEX #FDC875 sur HEX #FDC877


Code CSS:

background-image: radial-gradient(circle, #FDC875 9%, #FDC877 98%);

 

HEX #FDC877 sur HEX #FDC875


Code CSS:

background-image: linear-gradient(135deg, #FDC877 5%, #FDC875 91%);

 

HEX #FDC877 sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #FDC877 2%, #FDC875 92%);

 

HEX #FDC875 sur HEX #FDEB77


Code CSS:

background-image: linear-gradient(135deg, #FDC875 14%, #FDEB77 100%);

 

HEX #FDC875 sur HEX #FDEB77


Code CSS:

background-image: radial-gradient(circle, #FDC875 13%, #FDEB77 100%);

 

HEX #FDEB77 sur HEX #FDC875


Code CSS:

background-image: linear-gradient(135deg, #FDEB77 10%, #FDC875 88%);

 

HEX #FDEB77 sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #FDEB77 6%, #FDC875 93%);

 

HEX #FDC875 sur HEX #EBFD77


Code CSS:

background-image: linear-gradient(135deg, #FDC875 11%, #EBFD77 93%);

 

HEX #FDC875 sur HEX #EBFD77


Code CSS:

background-image: radial-gradient(circle, #FDC875 10%, #EBFD77 92%);

 

HEX #EBFD77 sur HEX #FDC875


Code CSS:

background-image: linear-gradient(135deg, #EBFD77 0%, #FDC875 93%);

 

HEX #EBFD77 sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #EBFD77 11%, #FDC875 87%);

Linéaire

HEX #FDC875 sur HEX #FCB94F


Code CSS:

background-image: linear-gradient(135deg, #FDC875 10%, #FCB94F 91%);

Radial

HEX #FDC875 sur HEX #FCB94F


Code CSS:

background-image: radial-gradient(circle, #FDC875 9%, #FCB94F 90%);

 

HEX #FCB94F sur HEX #FDC875


Code CSS:

background-image: linear-gradient(135deg, #FCB94F 12%, #FDC875 91%);

 

HEX #FCB94F sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #FCB94F 2%, #FDC875 89%);

 

HEX #FDC875 sur HEX #FDC977


Code CSS:

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

 

HEX #FDC875 sur HEX #FDC977


Code CSS:

background-image: radial-gradient(circle, #FDC875 14%, #FDC977 90%);

 

HEX #FDC977 sur HEX #FDC875


Code CSS:

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

 

HEX #FDC977 sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #FDC977 0%, #FDC875 93%);

 

HEX #FDC875 sur HEX #FED9A0


Code CSS:

background-image: linear-gradient(135deg, #FDC875 5%, #FED9A0 95%);

 

HEX #FDC875 sur HEX #FED9A0


Code CSS:

background-image: radial-gradient(circle, #FDC875 12%, #FED9A0 88%);

 

HEX #FED9A0 sur HEX #FDC875


Code CSS:

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

 

HEX #FED9A0 sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #FED9A0 5%, #FDC875 97%);

 

HEX #FDC875 sur HEX #FEE9C9


Code CSS:

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

 

HEX #FDC875 sur HEX #FEE9C9


Code CSS:

background-image: radial-gradient(circle, #FDC875 14%, #FEE9C9 97%);

 

HEX #FEE9C9 sur HEX #FDC875


Code CSS:

background-image: linear-gradient(135deg, #FEE9C9 5%, #FDC875 91%);

 

HEX #FEE9C9 sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #FEE9C9 6%, #FDC875 96%);

Linéaire

HEX #FDC875 sur HEX #FDA477


Code CSS:

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

Radial

HEX #FDC875 sur HEX #FDA477


Code CSS:

background-image: radial-gradient(circle, #FDC875 11%, #FDA477 97%);

 

HEX #FDA477 sur HEX #FDC875


Code CSS:

background-image: linear-gradient(135deg, #FDA477 0%, #FDC875 91%);

 

HEX #FDA477 sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #FDA477 13%, #FDC875 95%);

 

HEX #FDC875 sur HEX #FDC877


Code CSS:

background-image: linear-gradient(135deg, #FDC875 4%, #FDC877 87%);

 

HEX #FDC875 sur HEX #FDC877


Code CSS:

background-image: radial-gradient(circle, #FDC875 12%, #FDC877 91%);

 

HEX #FDC877 sur HEX #FDC875


Code CSS:

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

 

HEX #FDC877 sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #FDC877 5%, #FDC875 97%);

 

HEX #FDC875 sur HEX #FDEB77


Code CSS:

background-image: linear-gradient(135deg, #FDC875 14%, #FDEB77 89%);

 

HEX #FDC875 sur HEX #FDEB77


Code CSS:

background-image: radial-gradient(circle, #FDC875 2%, #FDEB77 89%);

 

HEX #FDEB77 sur HEX #FDC875


Code CSS:

background-image: linear-gradient(135deg, #FDEB77 4%, #FDC875 88%);

 

HEX #FDEB77 sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #FDEB77 1%, #FDC875 86%);

 

HEX #FDC875 sur HEX #EBFD77


Code CSS:

background-image: linear-gradient(135deg, #FDC875 6%, #EBFD77 86%);

 

HEX #FDC875 sur HEX #EBFD77


Code CSS:

background-image: radial-gradient(circle, #FDC875 10%, #EBFD77 99%);

 

HEX #EBFD77 sur HEX #FDC875


Code CSS:

background-image: linear-gradient(135deg, #EBFD77 9%, #FDC875 94%);

 

HEX #EBFD77 sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #EBFD77 13%, #FDC875 94%);

Linéaire

HEX #FDC875 sur HEX #FCB94F


Code CSS:

background-image: linear-gradient(135deg, #FDC875 4%, #FCB94F 87%);

Radial

HEX #FDC875 sur HEX #FCB94F


Code CSS:

background-image: radial-gradient(circle, #FDC875 14%, #FCB94F 96%);

 

HEX #FCB94F sur HEX #FDC875


Code CSS:

background-image: linear-gradient(135deg, #FCB94F 2%, #FDC875 99%);

 

HEX #FCB94F sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #FCB94F 10%, #FDC875 99%);

 

HEX #FDC875 sur HEX #FDC977


Code CSS:

background-image: linear-gradient(135deg, #FDC875 11%, #FDC977 89%);

 

HEX #FDC875 sur HEX #FDC977


Code CSS:

background-image: radial-gradient(circle, #FDC875 5%, #FDC977 87%);

 

HEX #FDC977 sur HEX #FDC875


Code CSS:

background-image: linear-gradient(135deg, #FDC977 3%, #FDC875 89%);

 

HEX #FDC977 sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #FDC977 6%, #FDC875 91%);

 

HEX #FDC875 sur HEX #FED9A0


Code CSS:

background-image: linear-gradient(135deg, #FDC875 9%, #FED9A0 92%);

 

HEX #FDC875 sur HEX #FED9A0


Code CSS:

background-image: radial-gradient(circle, #FDC875 3%, #FED9A0 99%);

 

HEX #FED9A0 sur HEX #FDC875


Code CSS:

background-image: linear-gradient(135deg, #FED9A0 14%, #FDC875 93%);

 

HEX #FED9A0 sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #FED9A0 11%, #FDC875 93%);

 

HEX #FDC875 sur HEX #FEE9C9


Code CSS:

background-image: linear-gradient(135deg, #FDC875 9%, #FEE9C9 98%);

 

HEX #FDC875 sur HEX #FEE9C9


Code CSS:

background-image: radial-gradient(circle, #FDC875 14%, #FEE9C9 100%);

 

HEX #FEE9C9 sur HEX #FDC875


Code CSS:

background-image: linear-gradient(135deg, #FEE9C9 4%, #FDC875 86%);

 

HEX #FEE9C9 sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #FEE9C9 2%, #FDC875 97%);

Linéaire

HEX #FDC875 sur HEX #92FD77


Code CSS:

background-image: linear-gradient(135deg, #FDC875 8%, #92FD77 96%);

Radial

HEX #FDC875 sur HEX #92FD77


Code CSS:

background-image: radial-gradient(circle, #FDC875 11%, #92FD77 95%);

 

HEX #92FD77 sur HEX #FDC875


Code CSS:

background-image: linear-gradient(135deg, #92FD77 13%, #FDC875 86%);

 

HEX #92FD77 sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #92FD77 9%, #FDC875 86%);

 

HEX #FDC875 sur HEX #9277FD


Code CSS:

background-image: linear-gradient(135deg, #FDC875 13%, #9277FD 90%);

 

HEX #FDC875 sur HEX #9277FD


Code CSS:

background-image: radial-gradient(circle, #FDC875 3%, #9277FD 88%);

 

HEX #9277FD sur HEX #FDC875


Code CSS:

background-image: linear-gradient(135deg, #9277FD 13%, #FDC875 87%);

 

HEX #9277FD sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #9277FD 8%, #FDC875 99%);

Linéaire

HEX #FDC875 sur HEX #77FDC8


Code CSS:

background-image: linear-gradient(135deg, #FDC875 14%, #77FDC8 94%);

Radial

HEX #FDC875 sur HEX #77FDC8


Code CSS:

background-image: radial-gradient(circle, #FDC875 5%, #77FDC8 98%);

 

HEX #77FDC8 sur HEX #FDC875


Code CSS:

background-image: linear-gradient(135deg, #77FDC8 1%, #FDC875 92%);

 

HEX #77FDC8 sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #77FDC8 7%, #FDC875 89%);

 

HEX #FDC875 sur HEX #C877FD


Code CSS:

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

 

HEX #FDC875 sur HEX #C877FD


Code CSS:

background-image: radial-gradient(circle, #FDC875 10%, #C877FD 91%);

 

HEX #C877FD sur HEX #FDC875


Code CSS:

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

 

HEX #C877FD sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #C877FD 0%, #FDC875 95%);

Linéaire

HEX #FDC875 sur HEX #92FD77


Code CSS:

background-image: linear-gradient(135deg, #FDC875 3%, #92FD77 92%);

Radial

HEX #FDC875 sur HEX #92FD77


Code CSS:

background-image: radial-gradient(circle, #FDC875 7%, #92FD77 87%);

 

HEX #92FD77 sur HEX #FDC875


Code CSS:

background-image: linear-gradient(135deg, #92FD77 7%, #FDC875 88%);

 

HEX #92FD77 sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #92FD77 2%, #FDC875 99%);

 

HEX #FDC875 sur HEX #77ADFD


Code CSS:

background-image: linear-gradient(135deg, #FDC875 8%, #77ADFD 88%);

 

HEX #FDC875 sur HEX #77ADFD


Code CSS:

background-image: radial-gradient(circle, #FDC875 1%, #77ADFD 90%);

 

HEX #77ADFD sur HEX #FDC875


Code CSS:

background-image: linear-gradient(135deg, #77ADFD 9%, #FDC875 97%);

 

HEX #77ADFD sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #77ADFD 7%, #FDC875 91%);

 

HEX #FDC875 sur HEX #E277FD


Code CSS:

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

 

HEX #FDC875 sur HEX #E277FD


Code CSS:

background-image: radial-gradient(circle, #FDC875 1%, #E277FD 89%);

 

HEX #E277FD sur HEX #FDC875


Code CSS:

background-image: linear-gradient(135deg, #E277FD 6%, #FDC875 97%);

 

HEX #E277FD sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #E277FD 7%, #FDC875 100%);

Linéaire

HEX #FDC875 sur HEX #77FD85


Code CSS:

background-image: linear-gradient(135deg, #FDC875 2%, #77FD85 89%);

Radial

HEX #FDC875 sur HEX #77FD85


Code CSS:

background-image: radial-gradient(circle, #FDC875 10%, #77FD85 97%);

 

HEX #77FD85 sur HEX #FDC875


Code CSS:

background-image: linear-gradient(135deg, #77FD85 0%, #FDC875 96%);

 

HEX #77FD85 sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #77FD85 9%, #FDC875 87%);

 

HEX #FDC875 sur HEX #77ADFD


Code CSS:

background-image: linear-gradient(135deg, #FDC875 10%, #77ADFD 94%);

 

HEX #FDC875 sur HEX #77ADFD


Code CSS:

background-image: radial-gradient(circle, #FDC875 7%, #77ADFD 90%);

 

HEX #77ADFD sur HEX #FDC875


Code CSS:

background-image: linear-gradient(135deg, #77ADFD 14%, #FDC875 88%);

 

HEX #77ADFD sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #77ADFD 9%, #FDC875 99%);

 

HEX #FDC875 sur HEX #FD77F0


Code CSS:

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

 

HEX #FDC875 sur HEX #FD77F0


Code CSS:

background-image: radial-gradient(circle, #FDC875 4%, #FD77F0 94%);

 

HEX #FD77F0 sur HEX #FDC875


Code CSS:

background-image: linear-gradient(135deg, #FD77F0 3%, #FDC875 94%);

 

HEX #FD77F0 sur HEX #FDC875


Code CSS:

background-image: radial-gradient(circle, #FD77F0 7%, #FDC875 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)

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.