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

CSS Gradients:
#53AA63

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 é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 83 Rouge, 170 Vert et 99 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.
83 170 99 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 51 cyan, pas de magenta, 42 jaune et 33 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.
51% 0% 42% 33% 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 #53AA63 sur HEX #AC559C


Code CSS:

background-image: linear-gradient(135deg, #53AA63 6%, #AC559C 92%);

Radial

HEX #53AA63 sur HEX #AC559C


Code CSS:

background-image: radial-gradient(circle, #53AA63 7%, #AC559C 94%);

 

HEX #AC559C sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #AC559C 14%, #53AA63 87%);

 

HEX #AC559C sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #AC559C 13%, #53AA63 88%);

Linéaire

HEX #53AA63 sur HEX #69BC71


Code CSS:

background-image: linear-gradient(135deg, #53AA63 8%, #69BC71 99%);

Radial

HEX #53AA63 sur HEX #69BC71


Code CSS:

background-image: radial-gradient(circle, #53AA63 3%, #69BC71 90%);

 

HEX #69BC71 sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #69BC71 12%, #53AA63 90%);

 

HEX #69BC71 sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #69BC71 11%, #53AA63 88%);

 

HEX #53AA63 sur HEX #7ACE84


Code CSS:

background-image: linear-gradient(135deg, #53AA63 14%, #7ACE84 96%);

 

HEX #53AA63 sur HEX #7ACE84


Code CSS:

background-image: radial-gradient(circle, #53AA63 6%, #7ACE84 88%);

 

HEX #7ACE84 sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #7ACE84 3%, #53AA63 89%);

 

HEX #7ACE84 sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #7ACE84 10%, #53AA63 89%);

 

HEX #53AA63 sur HEX #8BE097


Code CSS:

background-image: linear-gradient(135deg, #53AA63 3%, #8BE097 89%);

 

HEX #53AA63 sur HEX #8BE097


Code CSS:

background-image: radial-gradient(circle, #53AA63 14%, #8BE097 89%);

 

HEX #8BE097 sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #8BE097 6%, #53AA63 96%);

 

HEX #8BE097 sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #8BE097 9%, #53AA63 96%);

 

HEX #53AA63 sur HEX #9CF2AA


Code CSS:

background-image: linear-gradient(135deg, #53AA63 6%, #9CF2AA 94%);

 

HEX #53AA63 sur HEX #9CF2AA


Code CSS:

background-image: radial-gradient(circle, #53AA63 1%, #9CF2AA 94%);

 

HEX #9CF2AA sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #9CF2AA 7%, #53AA63 87%);

 

HEX #9CF2AA sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #9CF2AA 12%, #53AA63 97%);

Linéaire

HEX #53AA63 sur HEX #429850


Code CSS:

background-image: linear-gradient(135deg, #53AA63 9%, #429850 91%);

Radial

HEX #53AA63 sur HEX #429850


Code CSS:

background-image: radial-gradient(circle, #53AA63 8%, #429850 90%);

 

HEX #429850 sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #429850 14%, #53AA63 96%);

 

HEX #429850 sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #429850 4%, #53AA63 94%);

 

HEX #53AA63 sur HEX #31863D


Code CSS:

background-image: linear-gradient(135deg, #53AA63 13%, #31863D 97%);

 

HEX #53AA63 sur HEX #31863D


Code CSS:

background-image: radial-gradient(circle, #53AA63 0%, #31863D 98%);

 

HEX #31863D sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #31863D 5%, #53AA63 90%);

 

HEX #31863D sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #31863D 7%, #53AA63 87%);

 

HEX #53AA63 sur HEX #20742A


Code CSS:

background-image: linear-gradient(135deg, #53AA63 9%, #20742A 91%);

 

HEX #53AA63 sur HEX #20742A


Code CSS:

background-image: radial-gradient(circle, #53AA63 2%, #20742A 98%);

 

HEX #20742A sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #20742A 1%, #53AA63 99%);

 

HEX #20742A sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #20742A 4%, #53AA63 89%);

 

HEX #53AA63 sur HEX #0F6217


Code CSS:

background-image: linear-gradient(135deg, #53AA63 0%, #0F6217 97%);

 

HEX #53AA63 sur HEX #0F6217


Code CSS:

background-image: radial-gradient(circle, #53AA63 6%, #0F6217 100%);

 

HEX #0F6217 sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #0F6217 11%, #53AA63 99%);

 

HEX #0F6217 sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #0F6217 12%, #53AA63 99%);

Linéaire

HEX #53AA63 sur HEX #54AA72


Code CSS:

background-image: linear-gradient(135deg, #53AA63 0%, #54AA72 99%);

Radial

HEX #53AA63 sur HEX #54AA72


Code CSS:

background-image: radial-gradient(circle, #53AA63 4%, #54AA72 96%);

 

HEX #54AA72 sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #54AA72 12%, #53AA63 87%);

 

HEX #54AA72 sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #54AA72 11%, #53AA63 99%);

 

HEX #53AA63 sur HEX #54AA80


Code CSS:

background-image: linear-gradient(135deg, #53AA63 6%, #54AA80 94%);

 

HEX #53AA63 sur HEX #54AA80


Code CSS:

background-image: radial-gradient(circle, #53AA63 0%, #54AA80 95%);

 

HEX #54AA80 sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #54AA80 9%, #53AA63 97%);

 

HEX #54AA80 sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #54AA80 0%, #53AA63 99%);

 

HEX #53AA63 sur HEX #54AA8F


Code CSS:

background-image: linear-gradient(135deg, #53AA63 7%, #54AA8F 92%);

 

HEX #53AA63 sur HEX #54AA8F


Code CSS:

background-image: radial-gradient(circle, #53AA63 5%, #54AA8F 97%);

 

HEX #54AA8F sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #54AA8F 0%, #53AA63 96%);

 

HEX #54AA8F sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #54AA8F 12%, #53AA63 100%);

 

HEX #53AA63 sur HEX #54AA9D


Code CSS:

background-image: linear-gradient(135deg, #53AA63 7%, #54AA9D 97%);

 

HEX #53AA63 sur HEX #54AA9D


Code CSS:

background-image: radial-gradient(circle, #53AA63 14%, #54AA9D 99%);

 

HEX #54AA9D sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #54AA9D 13%, #53AA63 86%);

 

HEX #54AA9D sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #54AA9D 7%, #53AA63 87%);

Linéaire

HEX #53AA63 sur HEX #6CDD81


Code CSS:

background-image: linear-gradient(135deg, #53AA63 6%, #6CDD81 92%);

Radial

HEX #53AA63 sur HEX #6CDD81


Code CSS:

background-image: radial-gradient(circle, #53AA63 9%, #6CDD81 90%);

 

HEX #6CDD81 sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #6CDD81 10%, #53AA63 100%);

 

HEX #6CDD81 sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #6CDD81 4%, #53AA63 99%);

 

HEX #53AA63 sur HEX #08110A


Code CSS:

background-image: linear-gradient(135deg, #53AA63 12%, #08110A 95%);

 

HEX #53AA63 sur HEX #08110A


Code CSS:

background-image: radial-gradient(circle, #53AA63 6%, #08110A 99%);

 

HEX #08110A sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #08110A 4%, #53AA63 86%);

 

HEX #08110A sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #08110A 12%, #53AA63 93%);

 

HEX #53AA63 sur HEX #214428


Code CSS:

background-image: linear-gradient(135deg, #53AA63 13%, #214428 92%);

 

HEX #53AA63 sur HEX #214428


Code CSS:

background-image: radial-gradient(circle, #53AA63 6%, #214428 99%);

 

HEX #214428 sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #214428 4%, #53AA63 87%);

 

HEX #214428 sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #214428 2%, #53AA63 96%);

 

HEX #53AA63 sur HEX #3A7745


Code CSS:

background-image: linear-gradient(135deg, #53AA63 8%, #3A7745 87%);

 

HEX #53AA63 sur HEX #3A7745


Code CSS:

background-image: radial-gradient(circle, #53AA63 10%, #3A7745 99%);

 

HEX #3A7745 sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #3A7745 2%, #53AA63 98%);

 

HEX #3A7745 sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #3A7745 2%, #53AA63 95%);

Linéaire

HEX #53AA63 sur HEX #5489AA


Code CSS:

background-image: linear-gradient(135deg, #53AA63 14%, #5489AA 92%);

Radial

HEX #53AA63 sur HEX #5489AA


Code CSS:

background-image: radial-gradient(circle, #53AA63 2%, #5489AA 86%);

 

HEX #5489AA sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #5489AA 4%, #53AA63 89%);

 

HEX #5489AA sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #5489AA 12%, #53AA63 92%);

 

HEX #53AA63 sur HEX #AA5466


Code CSS:

background-image: linear-gradient(135deg, #53AA63 14%, #AA5466 97%);

 

HEX #53AA63 sur HEX #AA5466


Code CSS:

background-image: radial-gradient(circle, #53AA63 8%, #AA5466 90%);

 

HEX #AA5466 sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #AA5466 0%, #53AA63 86%);

 

HEX #AA5466 sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #AA5466 1%, #53AA63 94%);

Linéaire

HEX #53AA63 sur HEX #6454AA


Code CSS:

background-image: linear-gradient(135deg, #53AA63 0%, #6454AA 89%);

Radial

HEX #53AA63 sur HEX #6454AA


Code CSS:

background-image: radial-gradient(circle, #53AA63 7%, #6454AA 89%);

 

HEX #6454AA sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #6454AA 14%, #53AA63 99%);

 

HEX #6454AA sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #6454AA 1%, #53AA63 100%);

 

HEX #53AA63 sur HEX #AA6454


Code CSS:

background-image: linear-gradient(135deg, #53AA63 12%, #AA6454 88%);

 

HEX #53AA63 sur HEX #AA6454


Code CSS:

background-image: radial-gradient(circle, #53AA63 0%, #AA6454 90%);

 

HEX #AA6454 sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #AA6454 1%, #53AA63 95%);

 

HEX #AA6454 sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #AA6454 14%, #53AA63 96%);

Linéaire

HEX #53AA63 sur HEX #5489AA


Code CSS:

background-image: linear-gradient(135deg, #53AA63 10%, #5489AA 96%);

Radial

HEX #53AA63 sur HEX #5489AA


Code CSS:

background-image: radial-gradient(circle, #53AA63 5%, #5489AA 99%);

 

HEX #5489AA sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #5489AA 13%, #53AA63 91%);

 

HEX #5489AA sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #5489AA 2%, #53AA63 87%);

 

HEX #53AA63 sur HEX #AA549A


Code CSS:

background-image: linear-gradient(135deg, #53AA63 11%, #AA549A 87%);

 

HEX #53AA63 sur HEX #AA549A


Code CSS:

background-image: radial-gradient(circle, #53AA63 13%, #AA549A 93%);

 

HEX #AA549A sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #AA549A 0%, #53AA63 91%);

 

HEX #AA549A sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #AA549A 13%, #53AA63 93%);

 

HEX #53AA63 sur HEX #AA7554


Code CSS:

background-image: linear-gradient(135deg, #53AA63 6%, #AA7554 91%);

 

HEX #53AA63 sur HEX #AA7554


Code CSS:

background-image: radial-gradient(circle, #53AA63 4%, #AA7554 95%);

 

HEX #AA7554 sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #AA7554 0%, #53AA63 95%);

 

HEX #AA7554 sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #AA7554 11%, #53AA63 89%);

Linéaire

HEX #53AA63 sur HEX #546FAA


Code CSS:

background-image: linear-gradient(135deg, #53AA63 13%, #546FAA 87%);

Radial

HEX #53AA63 sur HEX #546FAA


Code CSS:

background-image: radial-gradient(circle, #53AA63 7%, #546FAA 96%);

 

HEX #546FAA sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #546FAA 0%, #53AA63 96%);

 

HEX #546FAA sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #546FAA 12%, #53AA63 87%);

 

HEX #53AA63 sur HEX #AA549A


Code CSS:

background-image: linear-gradient(135deg, #53AA63 4%, #AA549A 96%);

 

HEX #53AA63 sur HEX #AA549A


Code CSS:

background-image: radial-gradient(circle, #53AA63 8%, #AA549A 96%);

 

HEX #AA549A sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #AA549A 9%, #53AA63 95%);

 

HEX #AA549A sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #AA549A 9%, #53AA63 95%);

 

HEX #53AA63 sur HEX #AA8F54


Code CSS:

background-image: linear-gradient(135deg, #53AA63 12%, #AA8F54 98%);

 

HEX #53AA63 sur HEX #AA8F54


Code CSS:

background-image: radial-gradient(circle, #53AA63 9%, #AA8F54 100%);

 

HEX #AA8F54 sur HEX #53AA63


Code CSS:

background-image: linear-gradient(135deg, #AA8F54 11%, #53AA63 92%);

 

HEX #AA8F54 sur HEX #53AA63


Code CSS:

background-image: radial-gradient(circle, #AA8F54 10%, #53AA63 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)

Pour pouvoir enregistrer des palettes de couleurs, tu dois être connecté.

Se connecter à ton compte

ou

Créer un compte

Partager la palette de couleurs actuelle
Doit-elle être publique ou privée?
Les liens suivent après le partage.

Annuler Partager

Palette de couleurs partagée
Veuillez copier et enregistrer le lien que vous souhaitez.

Partager

OK, j'ai copié les liens

Tes couleurs sont enregistrées dans une nouvelle palette de couleurs.
Vois-la sous ton profil.
Tu peux la personnaliser davantage et la partager.

Afficher la palette de couleurs
Fermer

Créer une palette de couleurs

TéléchargerTélécharger dans différents formats

Tout supprimer

En cliquant sur , tu peux créer des palettes et télécharger les nuanciers.