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

✕

CSS Gradients:
#88DE72

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 136 Rouge, 222 Vert et 114 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.
136 222 114 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 39 cyan, pas de magenta, 49 jaune et 13 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.
39% 0% 49% 13% 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 #88DE72 sur HEX #77218D


Code CSS:

background-image: linear-gradient(135deg, #88DE72 9%, #77218D 99%);

Radial

HEX #88DE72 sur HEX #77218D


Code CSS:

background-image: radial-gradient(circle, #88DE72 13%, #77218D 99%);

 

HEX #77218D sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #77218D 13%, #88DE72 87%);

 

HEX #77218D sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #77218D 14%, #88DE72 88%);

Linéaire

HEX #88DE72 sur HEX #9EF080


Code CSS:

background-image: linear-gradient(135deg, #88DE72 6%, #9EF080 91%);

Radial

HEX #88DE72 sur HEX #9EF080


Code CSS:

background-image: radial-gradient(circle, #88DE72 12%, #9EF080 89%);

 

HEX #9EF080 sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #9EF080 3%, #88DE72 87%);

 

HEX #9EF080 sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #9EF080 12%, #88DE72 96%);

 

HEX #88DE72 sur HEX #AFFF93


Code CSS:

background-image: linear-gradient(135deg, #88DE72 10%, #AFFF93 91%);

 

HEX #88DE72 sur HEX #AFFF93


Code CSS:

background-image: radial-gradient(circle, #88DE72 9%, #AFFF93 92%);

 

HEX #AFFF93 sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #AFFF93 3%, #88DE72 95%);

 

HEX #AFFF93 sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #AFFF93 3%, #88DE72 94%);

 

HEX #88DE72 sur HEX #C0FFA6


Code CSS:

background-image: linear-gradient(135deg, #88DE72 14%, #C0FFA6 88%);

 

HEX #88DE72 sur HEX #C0FFA6


Code CSS:

background-image: radial-gradient(circle, #88DE72 7%, #C0FFA6 88%);

 

HEX #C0FFA6 sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #C0FFA6 7%, #88DE72 90%);

 

HEX #C0FFA6 sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #C0FFA6 4%, #88DE72 89%);

 

HEX #88DE72 sur HEX #D1FFB9


Code CSS:

background-image: linear-gradient(135deg, #88DE72 12%, #D1FFB9 88%);

 

HEX #88DE72 sur HEX #D1FFB9


Code CSS:

background-image: radial-gradient(circle, #88DE72 10%, #D1FFB9 92%);

 

HEX #D1FFB9 sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #D1FFB9 7%, #88DE72 90%);

 

HEX #D1FFB9 sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #D1FFB9 12%, #88DE72 93%);

Linéaire

HEX #88DE72 sur HEX #77CC5F


Code CSS:

background-image: linear-gradient(135deg, #88DE72 0%, #77CC5F 99%);

Radial

HEX #88DE72 sur HEX #77CC5F


Code CSS:

background-image: radial-gradient(circle, #88DE72 11%, #77CC5F 93%);

 

HEX #77CC5F sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #77CC5F 0%, #88DE72 95%);

 

HEX #77CC5F sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #77CC5F 3%, #88DE72 92%);

 

HEX #88DE72 sur HEX #66BA4C


Code CSS:

background-image: linear-gradient(135deg, #88DE72 3%, #66BA4C 89%);

 

HEX #88DE72 sur HEX #66BA4C


Code CSS:

background-image: radial-gradient(circle, #88DE72 2%, #66BA4C 97%);

 

HEX #66BA4C sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #66BA4C 11%, #88DE72 91%);

 

HEX #66BA4C sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #66BA4C 2%, #88DE72 86%);

 

HEX #88DE72 sur HEX #55A839


Code CSS:

background-image: linear-gradient(135deg, #88DE72 8%, #55A839 99%);

 

HEX #88DE72 sur HEX #55A839


Code CSS:

background-image: radial-gradient(circle, #88DE72 3%, #55A839 86%);

 

HEX #55A839 sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #55A839 6%, #88DE72 97%);

 

HEX #55A839 sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #55A839 0%, #88DE72 97%);

 

HEX #88DE72 sur HEX #449626


Code CSS:

background-image: linear-gradient(135deg, #88DE72 11%, #449626 93%);

 

HEX #88DE72 sur HEX #449626


Code CSS:

background-image: radial-gradient(circle, #88DE72 9%, #449626 95%);

 

HEX #449626 sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #449626 1%, #88DE72 93%);

 

HEX #449626 sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #449626 9%, #88DE72 99%);

Linéaire

HEX #88DE72 sur HEX #77DE72


Code CSS:

background-image: linear-gradient(135deg, #88DE72 13%, #77DE72 96%);

Radial

HEX #88DE72 sur HEX #77DE72


Code CSS:

background-image: radial-gradient(circle, #88DE72 4%, #77DE72 92%);

 

HEX #77DE72 sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #77DE72 4%, #88DE72 86%);

 

HEX #77DE72 sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #77DE72 5%, #88DE72 86%);

 

HEX #88DE72 sur HEX #72DE7F


Code CSS:

background-image: linear-gradient(135deg, #88DE72 8%, #72DE7F 90%);

 

HEX #88DE72 sur HEX #72DE7F


Code CSS:

background-image: radial-gradient(circle, #88DE72 6%, #72DE7F 86%);

 

HEX #72DE7F sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #72DE7F 11%, #88DE72 93%);

 

HEX #72DE7F sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #72DE7F 12%, #88DE72 87%);

 

HEX #88DE72 sur HEX #72DE91


Code CSS:

background-image: linear-gradient(135deg, #88DE72 1%, #72DE91 88%);

 

HEX #88DE72 sur HEX #72DE91


Code CSS:

background-image: radial-gradient(circle, #88DE72 12%, #72DE91 97%);

 

HEX #72DE91 sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #72DE91 8%, #88DE72 94%);

 

HEX #72DE91 sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #72DE91 0%, #88DE72 94%);

 

HEX #88DE72 sur HEX #72DEA2


Code CSS:

background-image: linear-gradient(135deg, #88DE72 4%, #72DEA2 92%);

 

HEX #88DE72 sur HEX #72DEA2


Code CSS:

background-image: radial-gradient(circle, #88DE72 14%, #72DEA2 95%);

 

HEX #72DEA2 sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #72DEA2 14%, #88DE72 95%);

 

HEX #72DEA2 sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #72DEA2 9%, #88DE72 92%);

Linéaire

HEX #88DE72 sur HEX #0B1209


Code CSS:

background-image: linear-gradient(135deg, #88DE72 12%, #0B1209 87%);

Radial

HEX #88DE72 sur HEX #0B1209


Code CSS:

background-image: radial-gradient(circle, #88DE72 8%, #0B1209 96%);

 

HEX #0B1209 sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #0B1209 12%, #88DE72 95%);

 

HEX #0B1209 sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #0B1209 13%, #88DE72 95%);

 

HEX #88DE72 sur HEX #2A4523


Code CSS:

background-image: linear-gradient(135deg, #88DE72 1%, #2A4523 97%);

 

HEX #88DE72 sur HEX #2A4523


Code CSS:

background-image: radial-gradient(circle, #88DE72 2%, #2A4523 90%);

 

HEX #2A4523 sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #2A4523 6%, #88DE72 93%);

 

HEX #2A4523 sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #2A4523 0%, #88DE72 100%);

 

HEX #88DE72 sur HEX #4A783E


Code CSS:

background-image: linear-gradient(135deg, #88DE72 3%, #4A783E 100%);

 

HEX #88DE72 sur HEX #4A783E


Code CSS:

background-image: radial-gradient(circle, #88DE72 6%, #4A783E 100%);

 

HEX #4A783E sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #4A783E 7%, #88DE72 89%);

 

HEX #4A783E sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #4A783E 14%, #88DE72 98%);

 

HEX #88DE72 sur HEX #69AB58


Code CSS:

background-image: linear-gradient(135deg, #88DE72 4%, #69AB58 98%);

 

HEX #88DE72 sur HEX #69AB58


Code CSS:

background-image: radial-gradient(circle, #88DE72 13%, #69AB58 87%);

 

HEX #69AB58 sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #69AB58 8%, #88DE72 97%);

 

HEX #69AB58 sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #69AB58 1%, #88DE72 97%);

Linéaire

HEX #88DE72 sur HEX #72DEDC


Code CSS:

background-image: linear-gradient(135deg, #88DE72 9%, #72DEDC 96%);

Radial

HEX #88DE72 sur HEX #72DEDC


Code CSS:

background-image: radial-gradient(circle, #88DE72 1%, #72DEDC 92%);

 

HEX #72DEDC sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #72DEDC 11%, #88DE72 86%);

 

HEX #72DEDC sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #72DEDC 4%, #88DE72 97%);

 

HEX #88DE72 sur HEX #DE72B4


Code CSS:

background-image: linear-gradient(135deg, #88DE72 12%, #DE72B4 95%);

 

HEX #88DE72 sur HEX #DE72B4


Code CSS:

background-image: radial-gradient(circle, #88DE72 7%, #DE72B4 87%);

 

HEX #DE72B4 sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #DE72B4 14%, #88DE72 97%);

 

HEX #DE72B4 sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #DE72B4 7%, #88DE72 87%);

Linéaire

HEX #88DE72 sur HEX #7289DE


Code CSS:

background-image: linear-gradient(135deg, #88DE72 6%, #7289DE 87%);

Radial

HEX #88DE72 sur HEX #7289DE


Code CSS:

background-image: radial-gradient(circle, #88DE72 6%, #7289DE 100%);

 

HEX #7289DE sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #7289DE 6%, #88DE72 88%);

 

HEX #7289DE sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #7289DE 4%, #88DE72 87%);

 

HEX #88DE72 sur HEX #DE7289


Code CSS:

background-image: linear-gradient(135deg, #88DE72 8%, #DE7289 90%);

 

HEX #88DE72 sur HEX #DE7289


Code CSS:

background-image: radial-gradient(circle, #88DE72 13%, #DE7289 95%);

 

HEX #DE7289 sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #DE7289 0%, #88DE72 86%);

 

HEX #DE7289 sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #DE7289 4%, #88DE72 96%);

Linéaire

HEX #88DE72 sur HEX #72DEDC


Code CSS:

background-image: linear-gradient(135deg, #88DE72 8%, #72DEDC 93%);

Radial

HEX #88DE72 sur HEX #72DEDC


Code CSS:

background-image: radial-gradient(circle, #88DE72 1%, #72DEDC 86%);

 

HEX #72DEDC sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #72DEDC 7%, #88DE72 96%);

 

HEX #72DEDC sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #72DEDC 2%, #88DE72 98%);

 

HEX #88DE72 sur HEX #C672DE


Code CSS:

background-image: linear-gradient(135deg, #88DE72 5%, #C672DE 96%);

 

HEX #88DE72 sur HEX #C672DE


Code CSS:

background-image: radial-gradient(circle, #88DE72 5%, #C672DE 94%);

 

HEX #C672DE sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #C672DE 13%, #88DE72 97%);

 

HEX #C672DE sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #C672DE 2%, #88DE72 98%);

 

HEX #88DE72 sur HEX #DE7274


Code CSS:

background-image: linear-gradient(135deg, #88DE72 5%, #DE7274 88%);

 

HEX #88DE72 sur HEX #DE7274


Code CSS:

background-image: radial-gradient(circle, #88DE72 3%, #DE7274 88%);

 

HEX #DE7274 sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #DE7274 12%, #88DE72 92%);

 

HEX #DE7274 sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #DE7274 11%, #88DE72 91%);

Linéaire

HEX #88DE72 sur HEX #72BFDE


Code CSS:

background-image: linear-gradient(135deg, #88DE72 10%, #72BFDE 91%);

Radial

HEX #88DE72 sur HEX #72BFDE


Code CSS:

background-image: radial-gradient(circle, #88DE72 7%, #72BFDE 91%);

 

HEX #72BFDE sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #72BFDE 12%, #88DE72 93%);

 

HEX #72BFDE sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #72BFDE 11%, #88DE72 97%);

 

HEX #88DE72 sur HEX #C672DE


Code CSS:

background-image: linear-gradient(135deg, #88DE72 11%, #C672DE 92%);

 

HEX #88DE72 sur HEX #C672DE


Code CSS:

background-image: radial-gradient(circle, #88DE72 5%, #C672DE 95%);

 

HEX #C672DE sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #C672DE 7%, #88DE72 86%);

 

HEX #C672DE sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #C672DE 5%, #88DE72 86%);

 

HEX #88DE72 sur HEX #DE9172


Code CSS:

background-image: linear-gradient(135deg, #88DE72 9%, #DE9172 87%);

 

HEX #88DE72 sur HEX #DE9172


Code CSS:

background-image: radial-gradient(circle, #88DE72 14%, #DE9172 97%);

 

HEX #DE9172 sur HEX #88DE72


Code CSS:

background-image: linear-gradient(135deg, #DE9172 11%, #88DE72 100%);

 

HEX #DE9172 sur HEX #88DE72


Code CSS:

background-image: radial-gradient(circle, #DE9172 5%, #88DE72 98%);

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
Icons

CMYK en HEX

convertir de CMYK cyan / magenta / jaune / key sur #RRGGBB
Icons

CMYK en RGB

convertir de CMYK cyan / magenta / jaune / key sur RGB rouge vert bleu
Icons

CMYK en RGBA

convertir de CMYK cyan / magenta / jaune / key sur RGBA rouge vert bleu transparent
Icons

CMYK en RAL®

convertir de CMYK cyan / magenta / jaune / key sur Numéro RAL® (RAL 0000)
Icons

CMYK en HKS®

convertir de CMYK cyan / magenta / jaune / key sur Numéro HKS® (HKS 00)
Icons

CMYK en PANTONE®

convertir de CMYK cyan / magenta / jaune / key sur Numéro Pantone® (Pantone 0000)
Icons

CMYK en Sherwin Williams®

convertir de CMYK cyan / magenta / jaune / key sur Sherwin Williams® numéro (SW 0000)
Icons

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
nsc-logo

NCS® en RGB

convertir de Numéro NCS (S0000-X00X) sur RGB rouge vert bleu
nsc-logo

NCS® en RGBA

convertir de Numéro NCS (S0000-X00X) sur RGBA rouge vert bleu transparent
nsc-logo

NCS® en CMYK

convertir de Numéro NCS (S0000-X00X) sur CMYK cyan / magenta / jaune / key

Icons
nsc-logo

NCS® en HEX

convertir de Numéro NCS (S0000-X00X) sur #RRGGBB
nsc-logo

NCS® en RAL®

convertir de Numéro NCS (S0000-X00X) sur Numéro RAL® (RAL 0000)
nsc-logo

NCS® en HKS®

convertir de Numéro NCS (S0000-X00X) sur Numéro HKS® (HKS 00)
nsc-logo

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.

© 2019-2024 in cooperation ND-DESIGN.WORKS & frag-bobby.de