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

CSS Gradients:
CMYK 0 / 30 / 80 / 6

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

Pour cette couleur, le jaune se distingue des autres couleurs. Les valeurs qui représentent la teinte rouge et la teinte verte sont supérieures à la troisième valeur. Elles sont proches l'une de l'autre et dépassent la valeur de la teinte bleue. 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 240 Rouge, 168 Vert et 48 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.
240 168 48 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, 30 magenta, 80 jaune et 6 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% 30% 80% 6% 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 #F0A830 sur HEX #0F57CF


Code CSS:

background-image: linear-gradient(135deg, #F0A830 9%, #0F57CF 100%);

Radial

HEX #F0A830 sur HEX #0F57CF


Code CSS:

background-image: radial-gradient(circle, #F0A830 7%, #0F57CF 100%);

 

HEX #0F57CF sur HEX #F0A830


Code CSS:

background-image: linear-gradient(135deg, #0F57CF 7%, #F0A830 90%);

 

HEX #0F57CF sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #0F57CF 14%, #F0A830 98%);

Linéaire

HEX #F0A830 sur HEX #FFBA3E


Code CSS:

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

Radial

HEX #F0A830 sur HEX #FFBA3E


Code CSS:

background-image: radial-gradient(circle, #F0A830 2%, #FFBA3E 99%);

 

HEX #FFBA3E sur HEX #F0A830


Code CSS:

background-image: linear-gradient(135deg, #FFBA3E 0%, #F0A830 98%);

 

HEX #FFBA3E sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #FFBA3E 14%, #F0A830 90%);

 

HEX #F0A830 sur HEX #FFCC51


Code CSS:

background-image: linear-gradient(135deg, #F0A830 12%, #FFCC51 92%);

 

HEX #F0A830 sur HEX #FFCC51


Code CSS:

background-image: radial-gradient(circle, #F0A830 5%, #FFCC51 99%);

 

HEX #FFCC51 sur HEX #F0A830


Code CSS:

background-image: linear-gradient(135deg, #FFCC51 1%, #F0A830 90%);

 

HEX #FFCC51 sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #FFCC51 8%, #F0A830 98%);

 

HEX #F0A830 sur HEX #FFDE64


Code CSS:

background-image: linear-gradient(135deg, #F0A830 1%, #FFDE64 98%);

 

HEX #F0A830 sur HEX #FFDE64


Code CSS:

background-image: radial-gradient(circle, #F0A830 5%, #FFDE64 90%);

 

HEX #FFDE64 sur HEX #F0A830


Code CSS:

background-image: linear-gradient(135deg, #FFDE64 7%, #F0A830 95%);

 

HEX #FFDE64 sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #FFDE64 4%, #F0A830 89%);

 

HEX #F0A830 sur HEX #FFF077


Code CSS:

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

 

HEX #F0A830 sur HEX #FFF077


Code CSS:

background-image: radial-gradient(circle, #F0A830 9%, #FFF077 99%);

 

HEX #FFF077 sur HEX #F0A830


Code CSS:

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

 

HEX #FFF077 sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #FFF077 4%, #F0A830 89%);

Linéaire

HEX #F0A830 sur HEX #DF961D


Code CSS:

background-image: linear-gradient(135deg, #F0A830 12%, #DF961D 95%);

Radial

HEX #F0A830 sur HEX #DF961D


Code CSS:

background-image: radial-gradient(circle, #F0A830 11%, #DF961D 98%);

 

HEX #DF961D sur HEX #F0A830


Code CSS:

background-image: linear-gradient(135deg, #DF961D 12%, #F0A830 90%);

 

HEX #DF961D sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #DF961D 2%, #F0A830 89%);

 

HEX #F0A830 sur HEX #CE840A


Code CSS:

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

 

HEX #F0A830 sur HEX #CE840A


Code CSS:

background-image: radial-gradient(circle, #F0A830 9%, #CE840A 94%);

 

HEX #CE840A sur HEX #F0A830


Code CSS:

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

 

HEX #CE840A sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #CE840A 10%, #F0A830 98%);

 

HEX #F0A830 sur HEX #BD7200


Code CSS:

background-image: linear-gradient(135deg, #F0A830 4%, #BD7200 93%);

 

HEX #F0A830 sur HEX #BD7200


Code CSS:

background-image: radial-gradient(circle, #F0A830 2%, #BD7200 86%);

 

HEX #BD7200 sur HEX #F0A830


Code CSS:

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

 

HEX #BD7200 sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #BD7200 13%, #F0A830 86%);

 

HEX #F0A830 sur HEX #AC6000


Code CSS:

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

 

HEX #F0A830 sur HEX #AC6000


Code CSS:

background-image: radial-gradient(circle, #F0A830 6%, #AC6000 91%);

 

HEX #AC6000 sur HEX #F0A830


Code CSS:

background-image: linear-gradient(135deg, #AC6000 1%, #F0A830 92%);

 

HEX #AC6000 sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #AC6000 7%, #F0A830 86%);

Linéaire

HEX #F0A830 sur HEX #EFC52E


Code CSS:

background-image: linear-gradient(135deg, #F0A830 8%, #EFC52E 97%);

Radial

HEX #F0A830 sur HEX #EFC52E


Code CSS:

background-image: radial-gradient(circle, #F0A830 5%, #EFC52E 96%);

 

HEX #EFC52E sur HEX #F0A830


Code CSS:

background-image: linear-gradient(135deg, #EFC52E 12%, #F0A830 99%);

 

HEX #EFC52E sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #EFC52E 9%, #F0A830 96%);

 

HEX #F0A830 sur HEX #EFE52E


Code CSS:

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

 

HEX #F0A830 sur HEX #EFE52E


Code CSS:

background-image: radial-gradient(circle, #F0A830 1%, #EFE52E 95%);

 

HEX #EFE52E sur HEX #F0A830


Code CSS:

background-image: linear-gradient(135deg, #EFE52E 10%, #F0A830 90%);

 

HEX #EFE52E sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #EFE52E 9%, #F0A830 90%);

 

HEX #F0A830 sur HEX #D8EF2E


Code CSS:

background-image: linear-gradient(135deg, #F0A830 11%, #D8EF2E 94%);

 

HEX #F0A830 sur HEX #D8EF2E


Code CSS:

background-image: radial-gradient(circle, #F0A830 2%, #D8EF2E 88%);

 

HEX #D8EF2E sur HEX #F0A830


Code CSS:

background-image: linear-gradient(135deg, #D8EF2E 13%, #F0A830 89%);

 

HEX #D8EF2E sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #D8EF2E 11%, #F0A830 89%);

 

HEX #F0A830 sur HEX #B8EF2E


Code CSS:

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

 

HEX #F0A830 sur HEX #B8EF2E


Code CSS:

background-image: radial-gradient(circle, #F0A830 1%, #B8EF2E 89%);

 

HEX #B8EF2E sur HEX #F0A830


Code CSS:

background-image: linear-gradient(135deg, #B8EF2E 3%, #F0A830 95%);

 

HEX #B8EF2E sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #B8EF2E 0%, #F0A830 88%);

Linéaire

HEX #F0A830 sur HEX #241907


Code CSS:

background-image: linear-gradient(135deg, #F0A830 0%, #241907 99%);

Radial

HEX #F0A830 sur HEX #241907


Code CSS:

background-image: radial-gradient(circle, #F0A830 9%, #241907 95%);

 

HEX #241907 sur HEX #F0A830


Code CSS:

background-image: linear-gradient(135deg, #241907 10%, #F0A830 99%);

 

HEX #241907 sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #241907 9%, #F0A830 100%);

 

HEX #F0A830 sur HEX #573D11


Code CSS:

background-image: linear-gradient(135deg, #F0A830 1%, #573D11 93%);

 

HEX #F0A830 sur HEX #573D11


Code CSS:

background-image: radial-gradient(circle, #F0A830 10%, #573D11 92%);

 

HEX #573D11 sur HEX #F0A830


Code CSS:

background-image: linear-gradient(135deg, #573D11 2%, #F0A830 98%);

 

HEX #573D11 sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #573D11 8%, #F0A830 87%);

 

HEX #F0A830 sur HEX #8A611C


Code CSS:

background-image: linear-gradient(135deg, #F0A830 3%, #8A611C 90%);

 

HEX #F0A830 sur HEX #8A611C


Code CSS:

background-image: radial-gradient(circle, #F0A830 13%, #8A611C 95%);

 

HEX #8A611C sur HEX #F0A830


Code CSS:

background-image: linear-gradient(135deg, #8A611C 2%, #F0A830 95%);

 

HEX #8A611C sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #8A611C 4%, #F0A830 91%);

 

HEX #F0A830 sur HEX #BD8426


Code CSS:

background-image: linear-gradient(135deg, #F0A830 8%, #BD8426 95%);

 

HEX #F0A830 sur HEX #BD8426


Code CSS:

background-image: radial-gradient(circle, #F0A830 7%, #BD8426 99%);

 

HEX #BD8426 sur HEX #F0A830


Code CSS:

background-image: linear-gradient(135deg, #BD8426 11%, #F0A830 90%);

 

HEX #BD8426 sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #BD8426 14%, #F0A830 100%);

Linéaire

HEX #F0A830 sur HEX #51EF2E


Code CSS:

background-image: linear-gradient(135deg, #F0A830 8%, #51EF2E 99%);

Radial

HEX #F0A830 sur HEX #51EF2E


Code CSS:

background-image: radial-gradient(circle, #F0A830 6%, #51EF2E 95%);

 

HEX #51EF2E sur HEX #F0A830


Code CSS:

background-image: linear-gradient(135deg, #51EF2E 9%, #F0A830 89%);

 

HEX #51EF2E sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #51EF2E 2%, #F0A830 100%);

 

HEX #F0A830 sur HEX #582EEF


Code CSS:

background-image: linear-gradient(135deg, #F0A830 7%, #582EEF 94%);

 

HEX #F0A830 sur HEX #582EEF


Code CSS:

background-image: radial-gradient(circle, #F0A830 12%, #582EEF 87%);

 

HEX #582EEF sur HEX #F0A830


Code CSS:

background-image: linear-gradient(135deg, #582EEF 5%, #F0A830 93%);

 

HEX #582EEF sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #582EEF 4%, #F0A830 92%);

Linéaire

HEX #F0A830 sur HEX #2EEFA5


Code CSS:

background-image: linear-gradient(135deg, #F0A830 2%, #2EEFA5 95%);

Radial

HEX #F0A830 sur HEX #2EEFA5


Code CSS:

background-image: radial-gradient(circle, #F0A830 2%, #2EEFA5 97%);

 

HEX #2EEFA5 sur HEX #F0A830


Code CSS:

background-image: linear-gradient(135deg, #2EEFA5 11%, #F0A830 100%);

 

HEX #2EEFA5 sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #2EEFA5 3%, #F0A830 95%);

 

HEX #F0A830 sur HEX #A52EEF


Code CSS:

background-image: linear-gradient(135deg, #F0A830 6%, #A52EEF 89%);

 

HEX #F0A830 sur HEX #A52EEF


Code CSS:

background-image: radial-gradient(circle, #F0A830 11%, #A52EEF 99%);

 

HEX #A52EEF sur HEX #F0A830


Code CSS:

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

 

HEX #A52EEF sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #A52EEF 8%, #F0A830 98%);

Linéaire

HEX #F0A830 sur HEX #51EF2E


Code CSS:

background-image: linear-gradient(135deg, #F0A830 6%, #51EF2E 97%);

Radial

HEX #F0A830 sur HEX #51EF2E


Code CSS:

background-image: radial-gradient(circle, #F0A830 5%, #51EF2E 96%);

 

HEX #51EF2E sur HEX #F0A830


Code CSS:

background-image: linear-gradient(135deg, #51EF2E 12%, #F0A830 94%);

 

HEX #51EF2E sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #51EF2E 11%, #F0A830 98%);

 

HEX #F0A830 sur HEX #2E78EF


Code CSS:

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

 

HEX #F0A830 sur HEX #2E78EF


Code CSS:

background-image: radial-gradient(circle, #F0A830 10%, #2E78EF 96%);

 

HEX #2E78EF sur HEX #F0A830


Code CSS:

background-image: linear-gradient(135deg, #2E78EF 8%, #F0A830 92%);

 

HEX #2E78EF sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #2E78EF 3%, #F0A830 90%);

 

HEX #F0A830 sur HEX #CB2EEF


Code CSS:

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

 

HEX #F0A830 sur HEX #CB2EEF


Code CSS:

background-image: radial-gradient(circle, #F0A830 14%, #CB2EEF 90%);

 

HEX #CB2EEF sur HEX #F0A830


Code CSS:

background-image: linear-gradient(135deg, #CB2EEF 2%, #F0A830 91%);

 

HEX #CB2EEF sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #CB2EEF 12%, #F0A830 100%);

Linéaire

HEX #F0A830 sur HEX #2EEF44


Code CSS:

background-image: linear-gradient(135deg, #F0A830 4%, #2EEF44 88%);

Radial

HEX #F0A830 sur HEX #2EEF44


Code CSS:

background-image: radial-gradient(circle, #F0A830 1%, #2EEF44 97%);

 

HEX #2EEF44 sur HEX #F0A830


Code CSS:

background-image: linear-gradient(135deg, #2EEF44 1%, #F0A830 95%);

 

HEX #2EEF44 sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #2EEF44 8%, #F0A830 92%);

 

HEX #F0A830 sur HEX #2E78EF


Code CSS:

background-image: linear-gradient(135deg, #F0A830 12%, #2E78EF 88%);

 

HEX #F0A830 sur HEX #2E78EF


Code CSS:

background-image: radial-gradient(circle, #F0A830 2%, #2E78EF 95%);

 

HEX #2E78EF sur HEX #F0A830


Code CSS:

background-image: linear-gradient(135deg, #2E78EF 0%, #F0A830 91%);

 

HEX #2E78EF sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #2E78EF 12%, #F0A830 92%);

 

HEX #F0A830 sur HEX #EF2ED8


Code CSS:

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

 

HEX #F0A830 sur HEX #EF2ED8


Code CSS:

background-image: radial-gradient(circle, #F0A830 6%, #EF2ED8 99%);

 

HEX #EF2ED8 sur HEX #F0A830


Code CSS:

background-image: linear-gradient(135deg, #EF2ED8 12%, #F0A830 100%);

 

HEX #EF2ED8 sur HEX #F0A830


Code CSS:

background-image: radial-gradient(circle, #EF2ED8 6%, #F0A830 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)

To be able to save color palettes, you must be logged in.

Sign 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 link you want.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View it under your profile.
You can further customize it, and share it.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking you can create palettes and download the color swatches.