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

CSS Gradients:
#EDEB70

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 237 Rouge, 235 Vert et 112 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.
237 235 112 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, 1 magenta, 53 jaune et 7 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% 1% 53% 7% 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 #EDEB70 sur HEX #12148F


Code CSS:

background-image: linear-gradient(135deg, #EDEB70 13%, #12148F 86%);

Radial

HEX #EDEB70 sur HEX #12148F


Code CSS:

background-image: radial-gradient(circle, #EDEB70 4%, #12148F 94%);

 

HEX #12148F sur HEX #EDEB70


Code CSS:

background-image: linear-gradient(135deg, #12148F 12%, #EDEB70 95%);

 

HEX #12148F sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #12148F 7%, #EDEB70 97%);

Linéaire

HEX #EDEB70 sur HEX #FFFD7E


Code CSS:

background-image: linear-gradient(135deg, #EDEB70 1%, #FFFD7E 95%);

Radial

HEX #EDEB70 sur HEX #FFFD7E


Code CSS:

background-image: radial-gradient(circle, #EDEB70 9%, #FFFD7E 91%);

 

HEX #FFFD7E sur HEX #EDEB70


Code CSS:

background-image: linear-gradient(135deg, #FFFD7E 14%, #EDEB70 96%);

 

HEX #FFFD7E sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #FFFD7E 8%, #EDEB70 87%);

 

HEX #EDEB70 sur HEX #FFFF91


Code CSS:

background-image: linear-gradient(135deg, #EDEB70 5%, #FFFF91 86%);

 

HEX #EDEB70 sur HEX #FFFF91


Code CSS:

background-image: radial-gradient(circle, #EDEB70 2%, #FFFF91 97%);

 

HEX #FFFF91 sur HEX #EDEB70


Code CSS:

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

 

HEX #FFFF91 sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #FFFF91 0%, #EDEB70 93%);

 

HEX #EDEB70 sur HEX #FFFFA4


Code CSS:

background-image: linear-gradient(135deg, #EDEB70 0%, #FFFFA4 96%);

 

HEX #EDEB70 sur HEX #FFFFA4


Code CSS:

background-image: radial-gradient(circle, #EDEB70 9%, #FFFFA4 93%);

 

HEX #FFFFA4 sur HEX #EDEB70


Code CSS:

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

 

HEX #FFFFA4 sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #FFFFA4 7%, #EDEB70 100%);

 

HEX #EDEB70 sur HEX #FFFFB7


Code CSS:

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

 

HEX #EDEB70 sur HEX #FFFFB7


Code CSS:

background-image: radial-gradient(circle, #EDEB70 5%, #FFFFB7 94%);

 

HEX #FFFFB7 sur HEX #EDEB70


Code CSS:

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

 

HEX #FFFFB7 sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #FFFFB7 1%, #EDEB70 94%);

Linéaire

HEX #EDEB70 sur HEX #DCD95D


Code CSS:

background-image: linear-gradient(135deg, #EDEB70 3%, #DCD95D 91%);

Radial

HEX #EDEB70 sur HEX #DCD95D


Code CSS:

background-image: radial-gradient(circle, #EDEB70 8%, #DCD95D 92%);

 

HEX #DCD95D sur HEX #EDEB70


Code CSS:

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

 

HEX #DCD95D sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #DCD95D 8%, #EDEB70 87%);

 

HEX #EDEB70 sur HEX #CBC74A


Code CSS:

background-image: linear-gradient(135deg, #EDEB70 9%, #CBC74A 87%);

 

HEX #EDEB70 sur HEX #CBC74A


Code CSS:

background-image: radial-gradient(circle, #EDEB70 14%, #CBC74A 89%);

 

HEX #CBC74A sur HEX #EDEB70


Code CSS:

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

 

HEX #CBC74A sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #CBC74A 12%, #EDEB70 97%);

 

HEX #EDEB70 sur HEX #BAB537


Code CSS:

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

 

HEX #EDEB70 sur HEX #BAB537


Code CSS:

background-image: radial-gradient(circle, #EDEB70 8%, #BAB537 100%);

 

HEX #BAB537 sur HEX #EDEB70


Code CSS:

background-image: linear-gradient(135deg, #BAB537 5%, #EDEB70 100%);

 

HEX #BAB537 sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #BAB537 12%, #EDEB70 93%);

 

HEX #EDEB70 sur HEX #A9A324


Code CSS:

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

 

HEX #EDEB70 sur HEX #A9A324


Code CSS:

background-image: radial-gradient(circle, #EDEB70 12%, #A9A324 88%);

 

HEX #A9A324 sur HEX #EDEB70


Code CSS:

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

 

HEX #A9A324 sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #A9A324 1%, #EDEB70 92%);

Linéaire

HEX #EDEB70 sur HEX #D9ED6D


Code CSS:

background-image: linear-gradient(135deg, #EDEB70 4%, #D9ED6D 92%);

Radial

HEX #EDEB70 sur HEX #D9ED6D


Code CSS:

background-image: radial-gradient(circle, #EDEB70 6%, #D9ED6D 89%);

 

HEX #D9ED6D sur HEX #EDEB70


Code CSS:

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

 

HEX #D9ED6D sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #D9ED6D 11%, #EDEB70 98%);

 

HEX #EDEB70 sur HEX #C4ED6D


Code CSS:

background-image: linear-gradient(135deg, #EDEB70 11%, #C4ED6D 92%);

 

HEX #EDEB70 sur HEX #C4ED6D


Code CSS:

background-image: radial-gradient(circle, #EDEB70 8%, #C4ED6D 86%);

 

HEX #C4ED6D sur HEX #EDEB70


Code CSS:

background-image: linear-gradient(135deg, #C4ED6D 3%, #EDEB70 100%);

 

HEX #C4ED6D sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #C4ED6D 1%, #EDEB70 88%);

 

HEX #EDEB70 sur HEX #AFED6D


Code CSS:

background-image: linear-gradient(135deg, #EDEB70 2%, #AFED6D 94%);

 

HEX #EDEB70 sur HEX #AFED6D


Code CSS:

background-image: radial-gradient(circle, #EDEB70 2%, #AFED6D 97%);

 

HEX #AFED6D sur HEX #EDEB70


Code CSS:

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

 

HEX #AFED6D sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #AFED6D 5%, #EDEB70 94%);

 

HEX #EDEB70 sur HEX #9AED6D


Code CSS:

background-image: linear-gradient(135deg, #EDEB70 8%, #9AED6D 99%);

 

HEX #EDEB70 sur HEX #9AED6D


Code CSS:

background-image: radial-gradient(circle, #EDEB70 3%, #9AED6D 98%);

 

HEX #9AED6D sur HEX #EDEB70


Code CSS:

background-image: linear-gradient(135deg, #9AED6D 12%, #EDEB70 93%);

 

HEX #9AED6D sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #9AED6D 11%, #EDEB70 99%);

Linéaire

HEX #EDEB70 sur HEX #212110


Code CSS:

background-image: linear-gradient(135deg, #EDEB70 2%, #212110 87%);

Radial

HEX #EDEB70 sur HEX #212110


Code CSS:

background-image: radial-gradient(circle, #EDEB70 0%, #212110 96%);

 

HEX #212110 sur HEX #EDEB70


Code CSS:

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

 

HEX #212110 sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #212110 3%, #EDEB70 97%);

 

HEX #EDEB70 sur HEX #545328


Code CSS:

background-image: linear-gradient(135deg, #EDEB70 8%, #545328 93%);

 

HEX #EDEB70 sur HEX #545328


Code CSS:

background-image: radial-gradient(circle, #EDEB70 6%, #545328 89%);

 

HEX #545328 sur HEX #EDEB70


Code CSS:

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

 

HEX #545328 sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #545328 14%, #EDEB70 91%);

 

HEX #EDEB70 sur HEX #878640


Code CSS:

background-image: linear-gradient(135deg, #EDEB70 1%, #878640 97%);

 

HEX #EDEB70 sur HEX #878640


Code CSS:

background-image: radial-gradient(circle, #EDEB70 11%, #878640 88%);

 

HEX #878640 sur HEX #EDEB70


Code CSS:

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

 

HEX #878640 sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #878640 12%, #EDEB70 94%);

 

HEX #EDEB70 sur HEX #BAB858


Code CSS:

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

 

HEX #EDEB70 sur HEX #BAB858


Code CSS:

background-image: radial-gradient(circle, #EDEB70 3%, #BAB858 87%);

 

HEX #BAB858 sur HEX #EDEB70


Code CSS:

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

 

HEX #BAB858 sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #BAB858 14%, #EDEB70 94%);

Linéaire

HEX #EDEB70 sur HEX #6DED85


Code CSS:

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

Radial

HEX #EDEB70 sur HEX #6DED85


Code CSS:

background-image: radial-gradient(circle, #EDEB70 7%, #6DED85 91%);

 

HEX #6DED85 sur HEX #EDEB70


Code CSS:

background-image: linear-gradient(135deg, #6DED85 0%, #EDEB70 92%);

 

HEX #6DED85 sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #6DED85 14%, #EDEB70 88%);

 

HEX #EDEB70 sur HEX #B86DED


Code CSS:

background-image: linear-gradient(135deg, #EDEB70 2%, #B86DED 94%);

 

HEX #EDEB70 sur HEX #B86DED


Code CSS:

background-image: radial-gradient(circle, #EDEB70 1%, #B86DED 95%);

 

HEX #B86DED sur HEX #EDEB70


Code CSS:

background-image: linear-gradient(135deg, #B86DED 10%, #EDEB70 86%);

 

HEX #B86DED sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #B86DED 8%, #EDEB70 93%);

Linéaire

HEX #EDEB70 sur HEX #6DEDEA


Code CSS:

background-image: linear-gradient(135deg, #EDEB70 14%, #6DEDEA 93%);

Radial

HEX #EDEB70 sur HEX #6DEDEA


Code CSS:

background-image: radial-gradient(circle, #EDEB70 5%, #6DEDEA 89%);

 

HEX #6DEDEA sur HEX #EDEB70


Code CSS:

background-image: linear-gradient(135deg, #6DEDEA 11%, #EDEB70 98%);

 

HEX #6DEDEA sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #6DEDEA 8%, #EDEB70 88%);

 

HEX #EDEB70 sur HEX #EA6DED


Code CSS:

background-image: linear-gradient(135deg, #EDEB70 12%, #EA6DED 87%);

 

HEX #EDEB70 sur HEX #EA6DED


Code CSS:

background-image: radial-gradient(circle, #EDEB70 1%, #EA6DED 90%);

 

HEX #EA6DED sur HEX #EDEB70


Code CSS:

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

 

HEX #EA6DED sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #EA6DED 11%, #EDEB70 97%);

Linéaire

HEX #EDEB70 sur HEX #6DED85


Code CSS:

background-image: linear-gradient(135deg, #EDEB70 0%, #6DED85 97%);

Radial

HEX #EDEB70 sur HEX #6DED85


Code CSS:

background-image: radial-gradient(circle, #EDEB70 12%, #6DED85 86%);

 

HEX #6DED85 sur HEX #EDEB70


Code CSS:

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

 

HEX #6DED85 sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #6DED85 14%, #EDEB70 93%);

 

HEX #EDEB70 sur HEX #6D6FED


Code CSS:

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

 

HEX #EDEB70 sur HEX #6D6FED


Code CSS:

background-image: radial-gradient(circle, #EDEB70 7%, #6D6FED 95%);

 

HEX #6D6FED sur HEX #EDEB70


Code CSS:

background-image: linear-gradient(135deg, #6D6FED 4%, #EDEB70 99%);

 

HEX #6D6FED sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #6D6FED 5%, #EDEB70 94%);

 

HEX #EDEB70 sur HEX #ED6DD5


Code CSS:

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

 

HEX #EDEB70 sur HEX #ED6DD5


Code CSS:

background-image: radial-gradient(circle, #EDEB70 14%, #ED6DD5 86%);

 

HEX #ED6DD5 sur HEX #EDEB70


Code CSS:

background-image: linear-gradient(135deg, #ED6DD5 11%, #EDEB70 98%);

 

HEX #ED6DD5 sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #ED6DD5 7%, #EDEB70 86%);

Linéaire

HEX #EDEB70 sur HEX #6DEDAB


Code CSS:

background-image: linear-gradient(135deg, #EDEB70 7%, #6DEDAB 95%);

Radial

HEX #EDEB70 sur HEX #6DEDAB


Code CSS:

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

 

HEX #6DEDAB sur HEX #EDEB70


Code CSS:

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

 

HEX #6DEDAB sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #6DEDAB 8%, #EDEB70 93%);

 

HEX #EDEB70 sur HEX #6D6FED


Code CSS:

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

 

HEX #EDEB70 sur HEX #6D6FED


Code CSS:

background-image: radial-gradient(circle, #EDEB70 11%, #6D6FED 87%);

 

HEX #6D6FED sur HEX #EDEB70


Code CSS:

background-image: linear-gradient(135deg, #6D6FED 13%, #EDEB70 89%);

 

HEX #6D6FED sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #6D6FED 4%, #EDEB70 90%);

 

HEX #EDEB70 sur HEX #ED6DAF


Code CSS:

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

 

HEX #EDEB70 sur HEX #ED6DAF


Code CSS:

background-image: radial-gradient(circle, #EDEB70 5%, #ED6DAF 90%);

 

HEX #ED6DAF sur HEX #EDEB70


Code CSS:

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

 

HEX #ED6DAF sur HEX #EDEB70


Code CSS:

background-image: radial-gradient(circle, #ED6DAF 5%, #EDEB70 92%);

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.