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

CSS Gradients:
CMYK 0 / 68 / 90 / 26

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 rouge se distingue des autres couleurs. La valeur qui représente la teinte rouge est plus grande que les deux autres valeurs. Elle se démarque largement de la valeur correspondant à la teinte verte et à la teinte bleue. 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 189 Rouge, 60 Vert et 19 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.
189 60 19 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, 68 magenta, 90 jaune et 26 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% 68% 90% 26% 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 #BD3C13 sur HEX #42C3EC


Code CSS:

background-image: linear-gradient(135deg, #BD3C13 2%, #42C3EC 90%);

Radial

HEX #BD3C13 sur HEX #42C3EC


Code CSS:

background-image: radial-gradient(circle, #BD3C13 2%, #42C3EC 89%);

 

HEX #42C3EC sur HEX #BD3C13


Code CSS:

background-image: linear-gradient(135deg, #42C3EC 11%, #BD3C13 95%);

 

HEX #42C3EC sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #42C3EC 4%, #BD3C13 91%);

Linéaire

HEX #BD3C13 sur HEX #BE1218


Code CSS:

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

Radial

HEX #BD3C13 sur HEX #BE1218


Code CSS:

background-image: radial-gradient(circle, #BD3C13 3%, #BE1218 88%);

 

HEX #BE1218 sur HEX #BD3C13


Code CSS:

background-image: linear-gradient(135deg, #BE1218 1%, #BD3C13 93%);

 

HEX #BE1218 sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #BE1218 5%, #BD3C13 95%);

 

HEX #BD3C13 sur HEX #BE3A12


Code CSS:

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

 

HEX #BD3C13 sur HEX #BE3A12


Code CSS:

background-image: radial-gradient(circle, #BD3C13 3%, #BE3A12 89%);

 

HEX #BE3A12 sur HEX #BD3C13


Code CSS:

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

 

HEX #BE3A12 sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #BE3A12 12%, #BD3C13 90%);

 

HEX #BD3C13 sur HEX #BE6812


Code CSS:

background-image: linear-gradient(135deg, #BD3C13 7%, #BE6812 100%);

 

HEX #BD3C13 sur HEX #BE6812


Code CSS:

background-image: radial-gradient(circle, #BD3C13 10%, #BE6812 99%);

 

HEX #BE6812 sur HEX #BD3C13


Code CSS:

background-image: linear-gradient(135deg, #BE6812 4%, #BD3C13 91%);

 

HEX #BE6812 sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #BE6812 2%, #BD3C13 94%);

 

HEX #BD3C13 sur HEX #BE9612


Code CSS:

background-image: linear-gradient(135deg, #BD3C13 5%, #BE9612 90%);

 

HEX #BD3C13 sur HEX #BE9612


Code CSS:

background-image: radial-gradient(circle, #BD3C13 14%, #BE9612 94%);

 

HEX #BE9612 sur HEX #BD3C13


Code CSS:

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

 

HEX #BE9612 sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #BE9612 9%, #BD3C13 99%);

Linéaire

HEX #BD3C13 sur HEX #98300F


Code CSS:

background-image: linear-gradient(135deg, #BD3C13 6%, #98300F 100%);

Radial

HEX #BD3C13 sur HEX #98300F


Code CSS:

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

 

HEX #98300F sur HEX #BD3C13


Code CSS:

background-image: linear-gradient(135deg, #98300F 2%, #BD3C13 100%);

 

HEX #98300F sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #98300F 3%, #BD3C13 98%);

 

HEX #BD3C13 sur HEX #BE3C12


Code CSS:

background-image: linear-gradient(135deg, #BD3C13 4%, #BE3C12 96%);

 

HEX #BD3C13 sur HEX #BE3C12


Code CSS:

background-image: radial-gradient(circle, #BD3C13 9%, #BE3C12 92%);

 

HEX #BE3C12 sur HEX #BD3C13


Code CSS:

background-image: linear-gradient(135deg, #BE3C12 9%, #BD3C13 90%);

 

HEX #BE3C12 sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #BE3C12 14%, #BD3C13 97%);

 

HEX #BD3C13 sur HEX #E34816


Code CSS:

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

 

HEX #BD3C13 sur HEX #E34816


Code CSS:

background-image: radial-gradient(circle, #BD3C13 13%, #E34816 87%);

 

HEX #E34816 sur HEX #BD3C13


Code CSS:

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

 

HEX #E34816 sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #E34816 1%, #BD3C13 99%);

 

HEX #BD3C13 sur HEX #EB6338


Code CSS:

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

 

HEX #BD3C13 sur HEX #EB6338


Code CSS:

background-image: radial-gradient(circle, #BD3C13 10%, #EB6338 91%);

 

HEX #EB6338 sur HEX #BD3C13


Code CSS:

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

 

HEX #EB6338 sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #EB6338 12%, #BD3C13 90%);

Linéaire

HEX #BD3C13 sur HEX #BE1218


Code CSS:

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

Radial

HEX #BD3C13 sur HEX #BE1218


Code CSS:

background-image: radial-gradient(circle, #BD3C13 1%, #BE1218 96%);

 

HEX #BE1218 sur HEX #BD3C13


Code CSS:

background-image: linear-gradient(135deg, #BE1218 1%, #BD3C13 89%);

 

HEX #BE1218 sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #BE1218 2%, #BD3C13 95%);

 

HEX #BD3C13 sur HEX #BE3A12


Code CSS:

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

 

HEX #BD3C13 sur HEX #BE3A12


Code CSS:

background-image: radial-gradient(circle, #BD3C13 10%, #BE3A12 87%);

 

HEX #BE3A12 sur HEX #BD3C13


Code CSS:

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

 

HEX #BE3A12 sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #BE3A12 2%, #BD3C13 86%);

 

HEX #BD3C13 sur HEX #BE6812


Code CSS:

background-image: linear-gradient(135deg, #BD3C13 13%, #BE6812 93%);

 

HEX #BD3C13 sur HEX #BE6812


Code CSS:

background-image: radial-gradient(circle, #BD3C13 7%, #BE6812 91%);

 

HEX #BE6812 sur HEX #BD3C13


Code CSS:

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

 

HEX #BE6812 sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #BE6812 12%, #BD3C13 99%);

 

HEX #BD3C13 sur HEX #BE9612


Code CSS:

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

 

HEX #BD3C13 sur HEX #BE9612


Code CSS:

background-image: radial-gradient(circle, #BD3C13 4%, #BE9612 89%);

 

HEX #BE9612 sur HEX #BD3C13


Code CSS:

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

 

HEX #BE9612 sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #BE9612 13%, #BD3C13 94%);

Linéaire

HEX #BD3C13 sur HEX #98300F


Code CSS:

background-image: linear-gradient(135deg, #BD3C13 2%, #98300F 100%);

Radial

HEX #BD3C13 sur HEX #98300F


Code CSS:

background-image: radial-gradient(circle, #BD3C13 14%, #98300F 98%);

 

HEX #98300F sur HEX #BD3C13


Code CSS:

background-image: linear-gradient(135deg, #98300F 9%, #BD3C13 100%);

 

HEX #98300F sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #98300F 3%, #BD3C13 100%);

 

HEX #BD3C13 sur HEX #BE3C12


Code CSS:

background-image: linear-gradient(135deg, #BD3C13 5%, #BE3C12 98%);

 

HEX #BD3C13 sur HEX #BE3C12


Code CSS:

background-image: radial-gradient(circle, #BD3C13 11%, #BE3C12 99%);

 

HEX #BE3C12 sur HEX #BD3C13


Code CSS:

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

 

HEX #BE3C12 sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #BE3C12 12%, #BD3C13 89%);

 

HEX #BD3C13 sur HEX #E34816


Code CSS:

background-image: linear-gradient(135deg, #BD3C13 0%, #E34816 94%);

 

HEX #BD3C13 sur HEX #E34816


Code CSS:

background-image: radial-gradient(circle, #BD3C13 3%, #E34816 91%);

 

HEX #E34816 sur HEX #BD3C13


Code CSS:

background-image: linear-gradient(135deg, #E34816 4%, #BD3C13 89%);

 

HEX #E34816 sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #E34816 12%, #BD3C13 99%);

 

HEX #BD3C13 sur HEX #EB6338


Code CSS:

background-image: linear-gradient(135deg, #BD3C13 1%, #EB6338 89%);

 

HEX #BD3C13 sur HEX #EB6338


Code CSS:

background-image: radial-gradient(circle, #BD3C13 6%, #EB6338 87%);

 

HEX #EB6338 sur HEX #BD3C13


Code CSS:

background-image: linear-gradient(135deg, #EB6338 13%, #BD3C13 91%);

 

HEX #EB6338 sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #EB6338 10%, #BD3C13 97%);

Linéaire

HEX #BD3C13 sur HEX #73BE12


Code CSS:

background-image: linear-gradient(135deg, #BD3C13 5%, #73BE12 90%);

Radial

HEX #BD3C13 sur HEX #73BE12


Code CSS:

background-image: radial-gradient(circle, #BD3C13 7%, #73BE12 98%);

 

HEX #73BE12 sur HEX #BD3C13


Code CSS:

background-image: linear-gradient(135deg, #73BE12 14%, #BD3C13 97%);

 

HEX #73BE12 sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #73BE12 9%, #BD3C13 98%);

 

HEX #BD3C13 sur HEX #122FBE


Code CSS:

background-image: linear-gradient(135deg, #BD3C13 0%, #122FBE 96%);

 

HEX #BD3C13 sur HEX #122FBE


Code CSS:

background-image: radial-gradient(circle, #BD3C13 14%, #122FBE 86%);

 

HEX #122FBE sur HEX #BD3C13


Code CSS:

background-image: linear-gradient(135deg, #122FBE 3%, #BD3C13 98%);

 

HEX #122FBE sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #122FBE 11%, #BD3C13 87%);

Linéaire

HEX #BD3C13 sur HEX #12BE3A


Code CSS:

background-image: linear-gradient(135deg, #BD3C13 3%, #12BE3A 87%);

Radial

HEX #BD3C13 sur HEX #12BE3A


Code CSS:

background-image: radial-gradient(circle, #BD3C13 10%, #12BE3A 87%);

 

HEX #12BE3A sur HEX #BD3C13


Code CSS:

background-image: linear-gradient(135deg, #12BE3A 1%, #BD3C13 94%);

 

HEX #12BE3A sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #12BE3A 13%, #BD3C13 92%);

 

HEX #BD3C13 sur HEX #3A12BE


Code CSS:

background-image: linear-gradient(135deg, #BD3C13 10%, #3A12BE 89%);

 

HEX #BD3C13 sur HEX #3A12BE


Code CSS:

background-image: radial-gradient(circle, #BD3C13 11%, #3A12BE 92%);

 

HEX #3A12BE sur HEX #BD3C13


Code CSS:

background-image: linear-gradient(135deg, #3A12BE 7%, #BD3C13 86%);

 

HEX #3A12BE sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #3A12BE 8%, #BD3C13 93%);

Linéaire

HEX #BD3C13 sur HEX #73BE12


Code CSS:

background-image: linear-gradient(135deg, #BD3C13 6%, #73BE12 91%);

Radial

HEX #BD3C13 sur HEX #73BE12


Code CSS:

background-image: radial-gradient(circle, #BD3C13 12%, #73BE12 86%);

 

HEX #73BE12 sur HEX #BD3C13


Code CSS:

background-image: linear-gradient(135deg, #73BE12 4%, #BD3C13 88%);

 

HEX #73BE12 sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #73BE12 3%, #BD3C13 89%);

 

HEX #BD3C13 sur HEX #1296BE


Code CSS:

background-image: linear-gradient(135deg, #BD3C13 3%, #1296BE 88%);

 

HEX #BD3C13 sur HEX #1296BE


Code CSS:

background-image: radial-gradient(circle, #BD3C13 10%, #1296BE 89%);

 

HEX #1296BE sur HEX #BD3C13


Code CSS:

background-image: linear-gradient(135deg, #1296BE 11%, #BD3C13 97%);

 

HEX #1296BE sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #1296BE 10%, #BD3C13 92%);

 

HEX #BD3C13 sur HEX #5D12BE


Code CSS:

background-image: linear-gradient(135deg, #BD3C13 12%, #5D12BE 100%);

 

HEX #BD3C13 sur HEX #5D12BE


Code CSS:

background-image: radial-gradient(circle, #BD3C13 12%, #5D12BE 89%);

 

HEX #5D12BE sur HEX #BD3C13


Code CSS:

background-image: linear-gradient(135deg, #5D12BE 6%, #BD3C13 98%);

 

HEX #5D12BE sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #5D12BE 14%, #BD3C13 89%);

Linéaire

HEX #BD3C13 sur HEX #40BE12


Code CSS:

background-image: linear-gradient(135deg, #BD3C13 3%, #40BE12 96%);

Radial

HEX #BD3C13 sur HEX #40BE12


Code CSS:

background-image: radial-gradient(circle, #BD3C13 14%, #40BE12 89%);

 

HEX #40BE12 sur HEX #BD3C13


Code CSS:

background-image: linear-gradient(135deg, #40BE12 9%, #BD3C13 89%);

 

HEX #40BE12 sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #40BE12 5%, #BD3C13 93%);

 

HEX #BD3C13 sur HEX #1296BE


Code CSS:

background-image: linear-gradient(135deg, #BD3C13 13%, #1296BE 87%);

 

HEX #BD3C13 sur HEX #1296BE


Code CSS:

background-image: radial-gradient(circle, #BD3C13 9%, #1296BE 92%);

 

HEX #1296BE sur HEX #BD3C13


Code CSS:

background-image: linear-gradient(135deg, #1296BE 3%, #BD3C13 97%);

 

HEX #1296BE sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #1296BE 6%, #BD3C13 93%);

 

HEX #BD3C13 sur HEX #9012BE


Code CSS:

background-image: linear-gradient(135deg, #BD3C13 3%, #9012BE 93%);

 

HEX #BD3C13 sur HEX #9012BE


Code CSS:

background-image: radial-gradient(circle, #BD3C13 0%, #9012BE 97%);

 

HEX #9012BE sur HEX #BD3C13


Code CSS:

background-image: linear-gradient(135deg, #9012BE 14%, #BD3C13 87%);

 

HEX #9012BE sur HEX #BD3C13


Code CSS:

background-image: radial-gradient(circle, #9012BE 2%, #BD3C13 93%);

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

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 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 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 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 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 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 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 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)

NCS® en Sherwin Williams®

convertir de Numéro NCS (S0000-X00X) sur Sherwin Williams® numéro (SW 0000)

Codes

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.