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

CSS Gradients:
#B89766

Information

ferme tous les

Laissez-vous suggérer des dégradés CSS de deux teintes comme la teinte de base et la couleur complémentaire.

Trouvez des exemples de transitions de couleurs linéaires et radiales.

Facile pour le webdesign : copiez le code CSS pour l'intégrer facilement sur votre site.

Laissez CSS suggérer des dégradés de deux teintes, comme la teinte de base et une teinte plus claire.

Trouvez des exemples de transitions de couleurs linéaires et radiales à partir de Teintes plus claires.

Facile pour le webdesign : copiez le code CSS pour l'intégrer facilement sur votre site.

Laissez CSS suggérer des dégradés de deux teintes, comme la teinte de base et une teinte plus foncée.

Trouvez des exemples de transitions de couleurs linéaires et radiales de Teintes plus foncées.

Facile pour le webdesign : copiez le code CSS pour l'intégrer facilement sur votre site.

Options d'affichage

Description

Couleur claire : des valeurs de couleur élevées créent une impression de clarté.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 184 Rouge, 151 Vert et 102 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.
184 151 102 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, 18 magenta, 45 jaune et 28 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% 18% 45% 28% 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 #B89766 sur HEX #476899


Code CSS:

background-image: linear-gradient(135deg, #B89766 6%, #476899 99%);

Radial

HEX #B89766 sur HEX #476899


Code CSS:

background-image: radial-gradient(circle, #B89766 10%, #476899 100%);

 

HEX #476899 sur HEX #B89766


Code CSS:

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

 

HEX #476899 sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #476899 8%, #B89766 100%);

Linéaire

HEX #B89766 sur HEX #B88065


Code CSS:

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

Radial

HEX #B89766 sur HEX #B88065


Code CSS:

background-image: radial-gradient(circle, #B89766 2%, #B88065 100%);

 

HEX #B88065 sur HEX #B89766


Code CSS:

background-image: linear-gradient(135deg, #B88065 10%, #B89766 87%);

 

HEX #B88065 sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #B88065 2%, #B89766 96%);

 

HEX #B89766 sur HEX #B89665


Code CSS:

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

 

HEX #B89766 sur HEX #B89665


Code CSS:

background-image: radial-gradient(circle, #B89766 12%, #B89665 94%);

 

HEX #B89665 sur HEX #B89766


Code CSS:

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

 

HEX #B89665 sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #B89665 4%, #B89766 94%);

 

HEX #B89766 sur HEX #B8AC65


Code CSS:

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

 

HEX #B89766 sur HEX #B8AC65


Code CSS:

background-image: radial-gradient(circle, #B89766 5%, #B8AC65 97%);

 

HEX #B8AC65 sur HEX #B89766


Code CSS:

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

 

HEX #B8AC65 sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #B8AC65 0%, #B89766 92%);

 

HEX #B89766 sur HEX #AFB865


Code CSS:

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

 

HEX #B89766 sur HEX #AFB865


Code CSS:

background-image: radial-gradient(circle, #B89766 5%, #AFB865 97%);

 

HEX #AFB865 sur HEX #B89766


Code CSS:

background-image: linear-gradient(135deg, #AFB865 7%, #B89766 91%);

 

HEX #AFB865 sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #AFB865 12%, #B89766 96%);

Linéaire

HEX #B89766 sur HEX #A7834D


Code CSS:

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

Radial

HEX #B89766 sur HEX #A7834D


Code CSS:

background-image: radial-gradient(circle, #B89766 9%, #A7834D 93%);

 

HEX #A7834D sur HEX #B89766


Code CSS:

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

 

HEX #A7834D sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #A7834D 11%, #B89766 92%);

 

HEX #B89766 sur HEX #B89765


Code CSS:

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

 

HEX #B89766 sur HEX #B89765


Code CSS:

background-image: radial-gradient(circle, #B89766 13%, #B89765 91%);

 

HEX #B89765 sur HEX #B89766


Code CSS:

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

 

HEX #B89765 sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #B89765 6%, #B89766 88%);

 

HEX #B89766 sur HEX #C5AA82


Code CSS:

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

 

HEX #B89766 sur HEX #C5AA82


Code CSS:

background-image: radial-gradient(circle, #B89766 0%, #C5AA82 97%);

 

HEX #C5AA82 sur HEX #B89766


Code CSS:

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

 

HEX #C5AA82 sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #C5AA82 1%, #B89766 96%);

 

HEX #B89766 sur HEX #D2BD9E


Code CSS:

background-image: linear-gradient(135deg, #B89766 1%, #D2BD9E 88%);

 

HEX #B89766 sur HEX #D2BD9E


Code CSS:

background-image: radial-gradient(circle, #B89766 5%, #D2BD9E 88%);

 

HEX #D2BD9E sur HEX #B89766


Code CSS:

background-image: linear-gradient(135deg, #D2BD9E 0%, #B89766 89%);

 

HEX #D2BD9E sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #D2BD9E 11%, #B89766 92%);

Linéaire

HEX #B89766 sur HEX #B88065


Code CSS:

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

Radial

HEX #B89766 sur HEX #B88065


Code CSS:

background-image: radial-gradient(circle, #B89766 5%, #B88065 86%);

 

HEX #B88065 sur HEX #B89766


Code CSS:

background-image: linear-gradient(135deg, #B88065 3%, #B89766 93%);

 

HEX #B88065 sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #B88065 10%, #B89766 96%);

 

HEX #B89766 sur HEX #B89665


Code CSS:

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

 

HEX #B89766 sur HEX #B89665


Code CSS:

background-image: radial-gradient(circle, #B89766 13%, #B89665 98%);

 

HEX #B89665 sur HEX #B89766


Code CSS:

background-image: linear-gradient(135deg, #B89665 11%, #B89766 96%);

 

HEX #B89665 sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #B89665 13%, #B89766 90%);

 

HEX #B89766 sur HEX #B8AC65


Code CSS:

background-image: linear-gradient(135deg, #B89766 10%, #B8AC65 88%);

 

HEX #B89766 sur HEX #B8AC65


Code CSS:

background-image: radial-gradient(circle, #B89766 9%, #B8AC65 99%);

 

HEX #B8AC65 sur HEX #B89766


Code CSS:

background-image: linear-gradient(135deg, #B8AC65 5%, #B89766 99%);

 

HEX #B8AC65 sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #B8AC65 9%, #B89766 87%);

 

HEX #B89766 sur HEX #AFB865


Code CSS:

background-image: linear-gradient(135deg, #B89766 14%, #AFB865 92%);

 

HEX #B89766 sur HEX #AFB865


Code CSS:

background-image: radial-gradient(circle, #B89766 5%, #AFB865 96%);

 

HEX #AFB865 sur HEX #B89766


Code CSS:

background-image: linear-gradient(135deg, #AFB865 12%, #B89766 94%);

 

HEX #AFB865 sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #AFB865 4%, #B89766 87%);

Linéaire

HEX #B89766 sur HEX #A7834D


Code CSS:

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

Radial

HEX #B89766 sur HEX #A7834D


Code CSS:

background-image: radial-gradient(circle, #B89766 14%, #A7834D 96%);

 

HEX #A7834D sur HEX #B89766


Code CSS:

background-image: linear-gradient(135deg, #A7834D 0%, #B89766 95%);

 

HEX #A7834D sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #A7834D 4%, #B89766 88%);

 

HEX #B89766 sur HEX #B89765


Code CSS:

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

 

HEX #B89766 sur HEX #B89765


Code CSS:

background-image: radial-gradient(circle, #B89766 5%, #B89765 89%);

 

HEX #B89765 sur HEX #B89766


Code CSS:

background-image: linear-gradient(135deg, #B89765 11%, #B89766 99%);

 

HEX #B89765 sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #B89765 3%, #B89766 86%);

 

HEX #B89766 sur HEX #C5AA82


Code CSS:

background-image: linear-gradient(135deg, #B89766 14%, #C5AA82 87%);

 

HEX #B89766 sur HEX #C5AA82


Code CSS:

background-image: radial-gradient(circle, #B89766 1%, #C5AA82 86%);

 

HEX #C5AA82 sur HEX #B89766


Code CSS:

background-image: linear-gradient(135deg, #C5AA82 8%, #B89766 98%);

 

HEX #C5AA82 sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #C5AA82 4%, #B89766 92%);

 

HEX #B89766 sur HEX #D2BD9E


Code CSS:

background-image: linear-gradient(135deg, #B89766 11%, #D2BD9E 96%);

 

HEX #B89766 sur HEX #D2BD9E


Code CSS:

background-image: radial-gradient(circle, #B89766 2%, #D2BD9E 92%);

 

HEX #D2BD9E sur HEX #B89766


Code CSS:

background-image: linear-gradient(135deg, #D2BD9E 13%, #B89766 95%);

 

HEX #D2BD9E sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #D2BD9E 3%, #B89766 98%);

Linéaire

HEX #B89766 sur HEX #77B865


Code CSS:

background-image: linear-gradient(135deg, #B89766 5%, #77B865 90%);

Radial

HEX #B89766 sur HEX #77B865


Code CSS:

background-image: radial-gradient(circle, #B89766 14%, #77B865 87%);

 

HEX #77B865 sur HEX #B89766


Code CSS:

background-image: linear-gradient(135deg, #77B865 13%, #B89766 92%);

 

HEX #77B865 sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #77B865 8%, #B89766 94%);

 

HEX #B89766 sur HEX #7565B8


Code CSS:

background-image: linear-gradient(135deg, #B89766 7%, #7565B8 89%);

 

HEX #B89766 sur HEX #7565B8


Code CSS:

background-image: radial-gradient(circle, #B89766 5%, #7565B8 88%);

 

HEX #7565B8 sur HEX #B89766


Code CSS:

background-image: linear-gradient(135deg, #7565B8 11%, #B89766 98%);

 

HEX #7565B8 sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #7565B8 10%, #B89766 95%);

Linéaire

HEX #B89766 sur HEX #65B896


Code CSS:

background-image: linear-gradient(135deg, #B89766 1%, #65B896 93%);

Radial

HEX #B89766 sur HEX #65B896


Code CSS:

background-image: radial-gradient(circle, #B89766 1%, #65B896 99%);

 

HEX #65B896 sur HEX #B89766


Code CSS:

background-image: linear-gradient(135deg, #65B896 12%, #B89766 91%);

 

HEX #65B896 sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #65B896 2%, #B89766 87%);

 

HEX #B89766 sur HEX #9665B8


Code CSS:

background-image: linear-gradient(135deg, #B89766 1%, #9665B8 89%);

 

HEX #B89766 sur HEX #9665B8


Code CSS:

background-image: radial-gradient(circle, #B89766 13%, #9665B8 86%);

 

HEX #9665B8 sur HEX #B89766


Code CSS:

background-image: linear-gradient(135deg, #9665B8 13%, #B89766 99%);

 

HEX #9665B8 sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #9665B8 9%, #B89766 92%);

Linéaire

HEX #B89766 sur HEX #77B865


Code CSS:

background-image: linear-gradient(135deg, #B89766 0%, #77B865 91%);

Radial

HEX #B89766 sur HEX #77B865


Code CSS:

background-image: radial-gradient(circle, #B89766 13%, #77B865 86%);

 

HEX #77B865 sur HEX #B89766


Code CSS:

background-image: linear-gradient(135deg, #77B865 14%, #B89766 90%);

 

HEX #77B865 sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #77B865 9%, #B89766 98%);

 

HEX #B89766 sur HEX #6588B8


Code CSS:

background-image: linear-gradient(135deg, #B89766 2%, #6588B8 86%);

 

HEX #B89766 sur HEX #6588B8


Code CSS:

background-image: radial-gradient(circle, #B89766 9%, #6588B8 97%);

 

HEX #6588B8 sur HEX #B89766


Code CSS:

background-image: linear-gradient(135deg, #6588B8 5%, #B89766 90%);

 

HEX #6588B8 sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #6588B8 5%, #B89766 100%);

 

HEX #B89766 sur HEX #A665B8


Code CSS:

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

 

HEX #B89766 sur HEX #A665B8


Code CSS:

background-image: radial-gradient(circle, #B89766 0%, #A665B8 95%);

 

HEX #A665B8 sur HEX #B89766


Code CSS:

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

 

HEX #A665B8 sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #A665B8 4%, #B89766 91%);

Linéaire

HEX #B89766 sur HEX #65B86C


Code CSS:

background-image: linear-gradient(135deg, #B89766 2%, #65B86C 90%);

Radial

HEX #B89766 sur HEX #65B86C


Code CSS:

background-image: radial-gradient(circle, #B89766 1%, #65B86C 87%);

 

HEX #65B86C sur HEX #B89766


Code CSS:

background-image: linear-gradient(135deg, #65B86C 13%, #B89766 98%);

 

HEX #65B86C sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #65B86C 3%, #B89766 93%);

 

HEX #B89766 sur HEX #6588B8


Code CSS:

background-image: linear-gradient(135deg, #B89766 11%, #6588B8 92%);

 

HEX #B89766 sur HEX #6588B8


Code CSS:

background-image: radial-gradient(circle, #B89766 10%, #6588B8 96%);

 

HEX #6588B8 sur HEX #B89766


Code CSS:

background-image: linear-gradient(135deg, #6588B8 0%, #B89766 91%);

 

HEX #6588B8 sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #6588B8 5%, #B89766 91%);

 

HEX #B89766 sur HEX #B865B1


Code CSS:

background-image: linear-gradient(135deg, #B89766 4%, #B865B1 88%);

 

HEX #B89766 sur HEX #B865B1


Code CSS:

background-image: radial-gradient(circle, #B89766 12%, #B865B1 97%);

 

HEX #B865B1 sur HEX #B89766


Code CSS:

background-image: linear-gradient(135deg, #B865B1 3%, #B89766 87%);

 

HEX #B865B1 sur HEX #B89766


Code CSS:

background-image: radial-gradient(circle, #B865B1 12%, #B89766 86%);

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, a registration is required.

Log 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 desired link.

Share

OK, I have copied the links

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

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

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