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

CSS Gradients:
#1B094E

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 27 Rouge, 9 Vert et 78 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.
27 9 78 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 65 cyan, 88 magenta, pas de jaune et 69 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.
65% 88% 0% 69% 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 #1B094E sur HEX #E4F6B1


Code CSS:

background-image: linear-gradient(135deg, #1B094E 4%, #E4F6B1 100%);

Radial

HEX #1B094E sur HEX #E4F6B1


Code CSS:

background-image: radial-gradient(circle, #1B094E 5%, #E4F6B1 96%);

 

HEX #E4F6B1 sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #E4F6B1 12%, #1B094E 95%);

 

HEX #E4F6B1 sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #E4F6B1 2%, #1B094E 96%);

Linéaire

HEX #1B094E sur HEX #311B5C


Code CSS:

background-image: linear-gradient(135deg, #1B094E 10%, #311B5C 92%);

Radial

HEX #1B094E sur HEX #311B5C


Code CSS:

background-image: radial-gradient(circle, #1B094E 0%, #311B5C 99%);

 

HEX #311B5C sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #311B5C 1%, #1B094E 92%);

 

HEX #311B5C sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #311B5C 8%, #1B094E 91%);

 

HEX #1B094E sur HEX #422D6F


Code CSS:

background-image: linear-gradient(135deg, #1B094E 8%, #422D6F 98%);

 

HEX #1B094E sur HEX #422D6F


Code CSS:

background-image: radial-gradient(circle, #1B094E 4%, #422D6F 100%);

 

HEX #422D6F sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #422D6F 4%, #1B094E 86%);

 

HEX #422D6F sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #422D6F 14%, #1B094E 95%);

 

HEX #1B094E sur HEX #533F82


Code CSS:

background-image: linear-gradient(135deg, #1B094E 0%, #533F82 96%);

 

HEX #1B094E sur HEX #533F82


Code CSS:

background-image: radial-gradient(circle, #1B094E 0%, #533F82 96%);

 

HEX #533F82 sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #533F82 3%, #1B094E 86%);

 

HEX #533F82 sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #533F82 1%, #1B094E 88%);

 

HEX #1B094E sur HEX #645195


Code CSS:

background-image: linear-gradient(135deg, #1B094E 4%, #645195 91%);

 

HEX #1B094E sur HEX #645195


Code CSS:

background-image: radial-gradient(circle, #1B094E 10%, #645195 86%);

 

HEX #645195 sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #645195 3%, #1B094E 86%);

 

HEX #645195 sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #645195 14%, #1B094E 88%);

Linéaire

HEX #1B094E sur HEX #0A003B


Code CSS:

background-image: linear-gradient(135deg, #1B094E 2%, #0A003B 87%);

Radial

HEX #1B094E sur HEX #0A003B


Code CSS:

background-image: radial-gradient(circle, #1B094E 11%, #0A003B 87%);

 

HEX #0A003B sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #0A003B 3%, #1B094E 98%);

 

HEX #0A003B sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #0A003B 4%, #1B094E 96%);

 

HEX #1B094E sur HEX #000028


Code CSS:

background-image: linear-gradient(135deg, #1B094E 11%, #000028 94%);

 

HEX #1B094E sur HEX #000028


Code CSS:

background-image: radial-gradient(circle, #1B094E 12%, #000028 99%);

 

HEX #000028 sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #000028 0%, #1B094E 94%);

 

HEX #000028 sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #000028 13%, #1B094E 91%);

 

HEX #1B094E sur HEX #000015


Code CSS:

background-image: linear-gradient(135deg, #1B094E 4%, #000015 92%);

 

HEX #1B094E sur HEX #000015


Code CSS:

background-image: radial-gradient(circle, #1B094E 8%, #000015 93%);

 

HEX #000015 sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #000015 10%, #1B094E 91%);

 

HEX #000015 sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #000015 10%, #1B094E 93%);

 

HEX #1B094E sur HEX #000002


Code CSS:

background-image: linear-gradient(135deg, #1B094E 11%, #000002 100%);

 

HEX #1B094E sur HEX #000002


Code CSS:

background-image: radial-gradient(circle, #1B094E 3%, #000002 91%);

 

HEX #000002 sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #000002 12%, #1B094E 95%);

 

HEX #000002 sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #000002 14%, #1B094E 94%);

Linéaire

HEX #1B094E sur HEX #25094D


Code CSS:

background-image: linear-gradient(135deg, #1B094E 14%, #25094D 93%);

Radial

HEX #1B094E sur HEX #25094D


Code CSS:

background-image: radial-gradient(circle, #1B094E 11%, #25094D 94%);

 

HEX #25094D sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #25094D 2%, #1B094E 95%);

 

HEX #25094D sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #25094D 8%, #1B094E 96%);

 

HEX #1B094E sur HEX #31094D


Code CSS:

background-image: linear-gradient(135deg, #1B094E 1%, #31094D 88%);

 

HEX #1B094E sur HEX #31094D


Code CSS:

background-image: radial-gradient(circle, #1B094E 1%, #31094D 92%);

 

HEX #31094D sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #31094D 5%, #1B094E 93%);

 

HEX #31094D sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #31094D 7%, #1B094E 90%);

 

HEX #1B094E sur HEX #3C094D


Code CSS:

background-image: linear-gradient(135deg, #1B094E 2%, #3C094D 92%);

 

HEX #1B094E sur HEX #3C094D


Code CSS:

background-image: radial-gradient(circle, #1B094E 6%, #3C094D 87%);

 

HEX #3C094D sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #3C094D 9%, #1B094E 96%);

 

HEX #3C094D sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #3C094D 4%, #1B094E 95%);

 

HEX #1B094E sur HEX #47094D


Code CSS:

background-image: linear-gradient(135deg, #1B094E 11%, #47094D 99%);

 

HEX #1B094E sur HEX #47094D


Code CSS:

background-image: radial-gradient(circle, #1B094E 4%, #47094D 90%);

 

HEX #47094D sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #47094D 13%, #1B094E 100%);

 

HEX #47094D sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #47094D 2%, #1B094E 95%);

Linéaire

HEX #1B094E sur HEX #2D0F81


Code CSS:

background-image: linear-gradient(135deg, #1B094E 11%, #2D0F81 95%);

Radial

HEX #1B094E sur HEX #2D0F81


Code CSS:

background-image: radial-gradient(circle, #1B094E 7%, #2D0F81 94%);

 

HEX #2D0F81 sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #2D0F81 9%, #1B094E 95%);

 

HEX #2D0F81 sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #2D0F81 5%, #1B094E 92%);

 

HEX #1B094E sur HEX #3E15B4


Code CSS:

background-image: linear-gradient(135deg, #1B094E 3%, #3E15B4 92%);

 

HEX #1B094E sur HEX #3E15B4


Code CSS:

background-image: radial-gradient(circle, #1B094E 1%, #3E15B4 98%);

 

HEX #3E15B4 sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #3E15B4 4%, #1B094E 92%);

 

HEX #3E15B4 sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #3E15B4 8%, #1B094E 86%);

 

HEX #1B094E sur HEX #501BE7


Code CSS:

background-image: linear-gradient(135deg, #1B094E 14%, #501BE7 86%);

 

HEX #1B094E sur HEX #501BE7


Code CSS:

background-image: radial-gradient(circle, #1B094E 8%, #501BE7 100%);

 

HEX #501BE7 sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #501BE7 2%, #1B094E 100%);

 

HEX #501BE7 sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #501BE7 14%, #1B094E 92%);

 

HEX #1B094E sur HEX #09031B


Code CSS:

background-image: linear-gradient(135deg, #1B094E 13%, #09031B 86%);

 

HEX #1B094E sur HEX #09031B


Code CSS:

background-image: radial-gradient(circle, #1B094E 11%, #09031B 93%);

 

HEX #09031B sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #09031B 0%, #1B094E 92%);

 

HEX #09031B sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #09031B 13%, #1B094E 88%);

Linéaire

HEX #1B094E sur HEX #4D092E


Code CSS:

background-image: linear-gradient(135deg, #1B094E 7%, #4D092E 86%);

Radial

HEX #1B094E sur HEX #4D092E


Code CSS:

background-image: radial-gradient(circle, #1B094E 8%, #4D092E 99%);

 

HEX #4D092E sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #4D092E 4%, #1B094E 98%);

 

HEX #4D092E sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #4D092E 8%, #1B094E 90%);

 

HEX #1B094E sur HEX #134D09


Code CSS:

background-image: linear-gradient(135deg, #1B094E 13%, #134D09 88%);

 

HEX #1B094E sur HEX #134D09


Code CSS:

background-image: radial-gradient(circle, #1B094E 8%, #134D09 99%);

 

HEX #134D09 sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #134D09 0%, #1B094E 91%);

 

HEX #134D09 sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #134D09 11%, #1B094E 91%);

Linéaire

HEX #1B094E sur HEX #4D1A09


Code CSS:

background-image: linear-gradient(135deg, #1B094E 5%, #4D1A09 90%);

Radial

HEX #1B094E sur HEX #4D1A09


Code CSS:

background-image: radial-gradient(circle, #1B094E 9%, #4D1A09 95%);

 

HEX #4D1A09 sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #4D1A09 13%, #1B094E 99%);

 

HEX #4D1A09 sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #4D1A09 11%, #1B094E 94%);

 

HEX #1B094E sur HEX #094D1A


Code CSS:

background-image: linear-gradient(135deg, #1B094E 2%, #094D1A 95%);

 

HEX #1B094E sur HEX #094D1A


Code CSS:

background-image: radial-gradient(circle, #1B094E 11%, #094D1A 98%);

 

HEX #094D1A sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #094D1A 9%, #1B094E 95%);

 

HEX #094D1A sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #094D1A 13%, #1B094E 99%);

Linéaire

HEX #1B094E sur HEX #4D092E


Code CSS:

background-image: linear-gradient(135deg, #1B094E 10%, #4D092E 91%);

Radial

HEX #1B094E sur HEX #4D092E


Code CSS:

background-image: radial-gradient(circle, #1B094E 7%, #4D092E 94%);

 

HEX #4D092E sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #4D092E 5%, #1B094E 97%);

 

HEX #4D092E sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #4D092E 2%, #1B094E 100%);

 

HEX #1B094E sur HEX #3C4D09


Code CSS:

background-image: linear-gradient(135deg, #1B094E 10%, #3C4D09 95%);

 

HEX #1B094E sur HEX #3C4D09


Code CSS:

background-image: radial-gradient(circle, #1B094E 6%, #3C4D09 94%);

 

HEX #3C4D09 sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #3C4D09 8%, #1B094E 92%);

 

HEX #3C4D09 sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #3C4D09 10%, #1B094E 91%);

 

HEX #1B094E sur HEX #094D27


Code CSS:

background-image: linear-gradient(135deg, #1B094E 4%, #094D27 91%);

 

HEX #1B094E sur HEX #094D27


Code CSS:

background-image: radial-gradient(circle, #1B094E 9%, #094D27 88%);

 

HEX #094D27 sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #094D27 3%, #1B094E 92%);

 

HEX #094D27 sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #094D27 14%, #1B094E 86%);

Linéaire

HEX #1B094E sur HEX #4D091A


Code CSS:

background-image: linear-gradient(135deg, #1B094E 7%, #4D091A 86%);

Radial

HEX #1B094E sur HEX #4D091A


Code CSS:

background-image: radial-gradient(circle, #1B094E 4%, #4D091A 91%);

 

HEX #4D091A sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #4D091A 7%, #1B094E 96%);

 

HEX #4D091A sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #4D091A 1%, #1B094E 97%);

 

HEX #1B094E sur HEX #3C4D09


Code CSS:

background-image: linear-gradient(135deg, #1B094E 12%, #3C4D09 86%);

 

HEX #1B094E sur HEX #3C4D09


Code CSS:

background-image: radial-gradient(circle, #1B094E 14%, #3C4D09 100%);

 

HEX #3C4D09 sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #3C4D09 6%, #1B094E 93%);

 

HEX #3C4D09 sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #3C4D09 6%, #1B094E 99%);

 

HEX #1B094E sur HEX #094D3C


Code CSS:

background-image: linear-gradient(135deg, #1B094E 14%, #094D3C 94%);

 

HEX #1B094E sur HEX #094D3C


Code CSS:

background-image: radial-gradient(circle, #1B094E 9%, #094D3C 93%);

 

HEX #094D3C sur HEX #1B094E


Code CSS:

background-image: linear-gradient(135deg, #094D3C 14%, #1B094E 92%);

 

HEX #094D3C sur HEX #1B094E


Code CSS:

background-image: radial-gradient(circle, #094D3C 2%, #1B094E 100%);

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.