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

CSS Gradients:
CMYK 36 / 0 / 85 / 48

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 faibles par rapport aux autres, cette teinte nous semble plus sombre.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 85 Rouge, 133 Vert et 20 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.
85 133 20 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 36 cyan, pas de magenta, 85 jaune et 48 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.
36% 0% 85% 48% 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 #558514 sur HEX #AA7AEB


Code CSS:

background-image: linear-gradient(135deg, #558514 11%, #AA7AEB 97%);

Radial

HEX #558514 sur HEX #AA7AEB


Code CSS:

background-image: radial-gradient(circle, #558514 9%, #AA7AEB 97%);

 

HEX #AA7AEB sur HEX #558514


Code CSS:

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

 

HEX #AA7AEB sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #AA7AEB 3%, #558514 99%);

Linéaire

HEX #558514 sur HEX #6B9722


Code CSS:

background-image: linear-gradient(135deg, #558514 10%, #6B9722 96%);

Radial

HEX #558514 sur HEX #6B9722


Code CSS:

background-image: radial-gradient(circle, #558514 9%, #6B9722 95%);

 

HEX #6B9722 sur HEX #558514


Code CSS:

background-image: linear-gradient(135deg, #6B9722 5%, #558514 95%);

 

HEX #6B9722 sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #6B9722 2%, #558514 98%);

 

HEX #558514 sur HEX #7CA935


Code CSS:

background-image: linear-gradient(135deg, #558514 5%, #7CA935 91%);

 

HEX #558514 sur HEX #7CA935


Code CSS:

background-image: radial-gradient(circle, #558514 13%, #7CA935 93%);

 

HEX #7CA935 sur HEX #558514


Code CSS:

background-image: linear-gradient(135deg, #7CA935 14%, #558514 96%);

 

HEX #7CA935 sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #7CA935 4%, #558514 94%);

 

HEX #558514 sur HEX #8DBB48


Code CSS:

background-image: linear-gradient(135deg, #558514 10%, #8DBB48 89%);

 

HEX #558514 sur HEX #8DBB48


Code CSS:

background-image: radial-gradient(circle, #558514 12%, #8DBB48 90%);

 

HEX #8DBB48 sur HEX #558514


Code CSS:

background-image: linear-gradient(135deg, #8DBB48 4%, #558514 89%);

 

HEX #8DBB48 sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #8DBB48 1%, #558514 98%);

 

HEX #558514 sur HEX #9ECD5B


Code CSS:

background-image: linear-gradient(135deg, #558514 14%, #9ECD5B 92%);

 

HEX #558514 sur HEX #9ECD5B


Code CSS:

background-image: radial-gradient(circle, #558514 13%, #9ECD5B 94%);

 

HEX #9ECD5B sur HEX #558514


Code CSS:

background-image: linear-gradient(135deg, #9ECD5B 6%, #558514 96%);

 

HEX #9ECD5B sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #9ECD5B 0%, #558514 100%);

Linéaire

HEX #558514 sur HEX #447301


Code CSS:

background-image: linear-gradient(135deg, #558514 3%, #447301 99%);

Radial

HEX #558514 sur HEX #447301


Code CSS:

background-image: radial-gradient(circle, #558514 13%, #447301 90%);

 

HEX #447301 sur HEX #558514


Code CSS:

background-image: linear-gradient(135deg, #447301 10%, #558514 92%);

 

HEX #447301 sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #447301 11%, #558514 88%);

 

HEX #558514 sur HEX #336100


Code CSS:

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

 

HEX #558514 sur HEX #336100


Code CSS:

background-image: radial-gradient(circle, #558514 10%, #336100 94%);

 

HEX #336100 sur HEX #558514


Code CSS:

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

 

HEX #336100 sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #336100 11%, #558514 94%);

 

HEX #558514 sur HEX #224F00


Code CSS:

background-image: linear-gradient(135deg, #558514 4%, #224F00 90%);

 

HEX #558514 sur HEX #224F00


Code CSS:

background-image: radial-gradient(circle, #558514 6%, #224F00 90%);

 

HEX #224F00 sur HEX #558514


Code CSS:

background-image: linear-gradient(135deg, #224F00 10%, #558514 95%);

 

HEX #224F00 sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #224F00 11%, #558514 91%);

 

HEX #558514 sur HEX #113D00


Code CSS:

background-image: linear-gradient(135deg, #558514 6%, #113D00 97%);

 

HEX #558514 sur HEX #113D00


Code CSS:

background-image: radial-gradient(circle, #558514 7%, #113D00 89%);

 

HEX #113D00 sur HEX #558514


Code CSS:

background-image: linear-gradient(135deg, #113D00 7%, #558514 99%);

 

HEX #113D00 sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #113D00 0%, #558514 98%);

Linéaire

HEX #558514 sur HEX #438513


Code CSS:

background-image: linear-gradient(135deg, #558514 9%, #438513 86%);

Radial

HEX #558514 sur HEX #438513


Code CSS:

background-image: radial-gradient(circle, #558514 2%, #438513 90%);

 

HEX #438513 sur HEX #558514


Code CSS:

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

 

HEX #438513 sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #438513 9%, #558514 95%);

 

HEX #558514 sur HEX #308513


Code CSS:

background-image: linear-gradient(135deg, #558514 6%, #308513 87%);

 

HEX #558514 sur HEX #308513


Code CSS:

background-image: radial-gradient(circle, #558514 14%, #308513 94%);

 

HEX #308513 sur HEX #558514


Code CSS:

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

 

HEX #308513 sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #308513 2%, #558514 86%);

 

HEX #558514 sur HEX #1D8513


Code CSS:

background-image: linear-gradient(135deg, #558514 8%, #1D8513 95%);

 

HEX #558514 sur HEX #1D8513


Code CSS:

background-image: radial-gradient(circle, #558514 14%, #1D8513 97%);

 

HEX #1D8513 sur HEX #558514


Code CSS:

background-image: linear-gradient(135deg, #1D8513 6%, #558514 96%);

 

HEX #1D8513 sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #1D8513 9%, #558514 87%);

 

HEX #558514 sur HEX #13851D


Code CSS:

background-image: linear-gradient(135deg, #558514 1%, #13851D 91%);

 

HEX #558514 sur HEX #13851D


Code CSS:

background-image: radial-gradient(circle, #558514 4%, #13851D 100%);

 

HEX #13851D sur HEX #558514


Code CSS:

background-image: linear-gradient(135deg, #13851D 8%, #558514 88%);

 

HEX #13851D sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #13851D 6%, #558514 87%);

Linéaire

HEX #558514 sur HEX #76B81C


Code CSS:

background-image: linear-gradient(135deg, #558514 13%, #76B81C 86%);

Radial

HEX #558514 sur HEX #76B81C


Code CSS:

background-image: radial-gradient(circle, #558514 5%, #76B81C 89%);

 

HEX #76B81C sur HEX #558514


Code CSS:

background-image: linear-gradient(135deg, #76B81C 9%, #558514 95%);

 

HEX #76B81C sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #76B81C 2%, #558514 98%);

 

HEX #558514 sur HEX #96EB23


Code CSS:

background-image: linear-gradient(135deg, #558514 14%, #96EB23 90%);

 

HEX #558514 sur HEX #96EB23


Code CSS:

background-image: radial-gradient(circle, #558514 6%, #96EB23 89%);

 

HEX #96EB23 sur HEX #558514


Code CSS:

background-image: linear-gradient(135deg, #96EB23 14%, #558514 98%);

 

HEX #96EB23 sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #96EB23 5%, #558514 93%);

 

HEX #558514 sur HEX #141F05


Code CSS:

background-image: linear-gradient(135deg, #558514 7%, #141F05 97%);

 

HEX #558514 sur HEX #141F05


Code CSS:

background-image: radial-gradient(circle, #558514 11%, #141F05 93%);

 

HEX #141F05 sur HEX #558514


Code CSS:

background-image: linear-gradient(135deg, #141F05 5%, #558514 100%);

 

HEX #141F05 sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #141F05 2%, #558514 93%);

 

HEX #558514 sur HEX #34520C


Code CSS:

background-image: linear-gradient(135deg, #558514 14%, #34520C 87%);

 

HEX #558514 sur HEX #34520C


Code CSS:

background-image: radial-gradient(circle, #558514 12%, #34520C 95%);

 

HEX #34520C sur HEX #558514


Code CSS:

background-image: linear-gradient(135deg, #34520C 6%, #558514 91%);

 

HEX #34520C sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #34520C 3%, #558514 86%);

Linéaire

HEX #558514 sur HEX #138559


Code CSS:

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

Radial

HEX #558514 sur HEX #138559


Code CSS:

background-image: radial-gradient(circle, #558514 4%, #138559 96%);

 

HEX #138559 sur HEX #558514


Code CSS:

background-image: linear-gradient(135deg, #138559 5%, #558514 97%);

 

HEX #138559 sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #138559 13%, #558514 89%);

 

HEX #558514 sur HEX #851383


Code CSS:

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

 

HEX #558514 sur HEX #851383


Code CSS:

background-image: radial-gradient(circle, #558514 5%, #851383 90%);

 

HEX #851383 sur HEX #558514


Code CSS:

background-image: linear-gradient(135deg, #851383 8%, #558514 86%);

 

HEX #851383 sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #851383 3%, #558514 90%);

Linéaire

HEX #558514 sur HEX #135585


Code CSS:

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

Radial

HEX #558514 sur HEX #135585


Code CSS:

background-image: radial-gradient(circle, #558514 13%, #135585 94%);

 

HEX #135585 sur HEX #558514


Code CSS:

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

 

HEX #135585 sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #135585 10%, #558514 87%);

 

HEX #558514 sur HEX #851355


Code CSS:

background-image: linear-gradient(135deg, #558514 5%, #851355 87%);

 

HEX #558514 sur HEX #851355


Code CSS:

background-image: radial-gradient(circle, #558514 0%, #851355 86%);

 

HEX #851355 sur HEX #558514


Code CSS:

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

 

HEX #851355 sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #851355 13%, #558514 97%);

Linéaire

HEX #558514 sur HEX #138559


Code CSS:

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

Radial

HEX #558514 sur HEX #138559


Code CSS:

background-image: radial-gradient(circle, #558514 6%, #138559 86%);

 

HEX #138559 sur HEX #558514


Code CSS:

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

 

HEX #138559 sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #138559 8%, #558514 90%);

 

HEX #558514 sur HEX #431385


Code CSS:

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

 

HEX #558514 sur HEX #431385


Code CSS:

background-image: radial-gradient(circle, #558514 11%, #431385 95%);

 

HEX #431385 sur HEX #558514


Code CSS:

background-image: linear-gradient(135deg, #431385 9%, #558514 99%);

 

HEX #431385 sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #431385 3%, #558514 96%);

 

HEX #558514 sur HEX #85133F


Code CSS:

background-image: linear-gradient(135deg, #558514 7%, #85133F 90%);

 

HEX #558514 sur HEX #85133F


Code CSS:

background-image: radial-gradient(circle, #558514 1%, #85133F 93%);

 

HEX #85133F sur HEX #558514


Code CSS:

background-image: linear-gradient(135deg, #85133F 12%, #558514 88%);

 

HEX #85133F sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #85133F 13%, #558514 96%);

Linéaire

HEX #558514 sur HEX #13857B


Code CSS:

background-image: linear-gradient(135deg, #558514 4%, #13857B 98%);

Radial

HEX #558514 sur HEX #13857B


Code CSS:

background-image: radial-gradient(circle, #558514 3%, #13857B 90%);

 

HEX #13857B sur HEX #558514


Code CSS:

background-image: linear-gradient(135deg, #13857B 7%, #558514 98%);

 

HEX #13857B sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #13857B 3%, #558514 92%);

 

HEX #558514 sur HEX #431385


Code CSS:

background-image: linear-gradient(135deg, #558514 7%, #431385 88%);

 

HEX #558514 sur HEX #431385


Code CSS:

background-image: radial-gradient(circle, #558514 0%, #431385 94%);

 

HEX #431385 sur HEX #558514


Code CSS:

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

 

HEX #431385 sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #431385 11%, #558514 93%);

 

HEX #558514 sur HEX #85131D


Code CSS:

background-image: linear-gradient(135deg, #558514 0%, #85131D 98%);

 

HEX #558514 sur HEX #85131D


Code CSS:

background-image: radial-gradient(circle, #558514 10%, #85131D 86%);

 

HEX #85131D sur HEX #558514


Code CSS:

background-image: linear-gradient(135deg, #85131D 4%, #558514 88%);

 

HEX #85131D sur HEX #558514


Code CSS:

background-image: radial-gradient(circle, #85131D 11%, #558514 94%);

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.