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

CSS Gradients:
#DDC489

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 221 Rouge, 196 Vert et 137 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.
221 196 137 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, 11 magenta, 38 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.
0% 11% 38% 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 #DDC489 sur HEX #223B76


Code CSS:

background-image: linear-gradient(135deg, #DDC489 14%, #223B76 90%);

Radial

HEX #DDC489 sur HEX #223B76


Code CSS:

background-image: radial-gradient(circle, #DDC489 3%, #223B76 92%);

 

HEX #223B76 sur HEX #DDC489


Code CSS:

background-image: linear-gradient(135deg, #223B76 9%, #DDC489 96%);

 

HEX #223B76 sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #223B76 10%, #DDC489 99%);

Linéaire

HEX #DDC489 sur HEX #DDAD88


Code CSS:

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

Radial

HEX #DDC489 sur HEX #DDAD88


Code CSS:

background-image: radial-gradient(circle, #DDC489 10%, #DDAD88 86%);

 

HEX #DDAD88 sur HEX #DDC489


Code CSS:

background-image: linear-gradient(135deg, #DDAD88 3%, #DDC489 99%);

 

HEX #DDAD88 sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #DDAD88 0%, #DDC489 86%);

 

HEX #DDC489 sur HEX #DDC388


Code CSS:

background-image: linear-gradient(135deg, #DDC489 8%, #DDC388 89%);

 

HEX #DDC489 sur HEX #DDC388


Code CSS:

background-image: radial-gradient(circle, #DDC489 8%, #DDC388 95%);

 

HEX #DDC388 sur HEX #DDC489


Code CSS:

background-image: linear-gradient(135deg, #DDC388 6%, #DDC489 90%);

 

HEX #DDC388 sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #DDC388 14%, #DDC489 92%);

 

HEX #DDC489 sur HEX #DDDA88


Code CSS:

background-image: linear-gradient(135deg, #DDC489 5%, #DDDA88 95%);

 

HEX #DDC489 sur HEX #DDDA88


Code CSS:

background-image: radial-gradient(circle, #DDC489 3%, #DDDA88 92%);

 

HEX #DDDA88 sur HEX #DDC489


Code CSS:

background-image: linear-gradient(135deg, #DDDA88 9%, #DDC489 88%);

 

HEX #DDDA88 sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #DDDA88 5%, #DDC489 92%);

 

HEX #DDC489 sur HEX #C9DD88


Code CSS:

background-image: linear-gradient(135deg, #DDC489 12%, #C9DD88 86%);

 

HEX #DDC489 sur HEX #C9DD88


Code CSS:

background-image: radial-gradient(circle, #DDC489 10%, #C9DD88 98%);

 

HEX #C9DD88 sur HEX #DDC489


Code CSS:

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

 

HEX #C9DD88 sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #C9DD88 8%, #DDC489 93%);

Linéaire

HEX #DDC489 sur HEX #D3B368


Code CSS:

background-image: linear-gradient(135deg, #DDC489 14%, #D3B368 93%);

Radial

HEX #DDC489 sur HEX #D3B368


Code CSS:

background-image: radial-gradient(circle, #DDC489 5%, #D3B368 95%);

 

HEX #D3B368 sur HEX #DDC489


Code CSS:

background-image: linear-gradient(135deg, #D3B368 9%, #DDC489 98%);

 

HEX #D3B368 sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #D3B368 8%, #DDC489 97%);

 

HEX #DDC489 sur HEX #DDC488


Code CSS:

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

 

HEX #DDC489 sur HEX #DDC488


Code CSS:

background-image: radial-gradient(circle, #DDC489 6%, #DDC488 98%);

 

HEX #DDC488 sur HEX #DDC489


Code CSS:

background-image: linear-gradient(135deg, #DDC488 7%, #DDC489 96%);

 

HEX #DDC488 sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #DDC488 3%, #DDC489 93%);

 

HEX #DDC489 sur HEX #E6D4A8


Code CSS:

background-image: linear-gradient(135deg, #DDC489 0%, #E6D4A8 87%);

 

HEX #DDC489 sur HEX #E6D4A8


Code CSS:

background-image: radial-gradient(circle, #DDC489 0%, #E6D4A8 88%);

 

HEX #E6D4A8 sur HEX #DDC489


Code CSS:

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

 

HEX #E6D4A8 sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #E6D4A8 6%, #DDC489 95%);

 

HEX #DDC489 sur HEX #EFE4C8


Code CSS:

background-image: linear-gradient(135deg, #DDC489 4%, #EFE4C8 94%);

 

HEX #DDC489 sur HEX #EFE4C8


Code CSS:

background-image: radial-gradient(circle, #DDC489 2%, #EFE4C8 99%);

 

HEX #EFE4C8 sur HEX #DDC489


Code CSS:

background-image: linear-gradient(135deg, #EFE4C8 0%, #DDC489 92%);

 

HEX #EFE4C8 sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #EFE4C8 3%, #DDC489 98%);

Linéaire

HEX #DDC489 sur HEX #DDAD88


Code CSS:

background-image: linear-gradient(135deg, #DDC489 9%, #DDAD88 94%);

Radial

HEX #DDC489 sur HEX #DDAD88


Code CSS:

background-image: radial-gradient(circle, #DDC489 7%, #DDAD88 99%);

 

HEX #DDAD88 sur HEX #DDC489


Code CSS:

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

 

HEX #DDAD88 sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #DDAD88 14%, #DDC489 92%);

 

HEX #DDC489 sur HEX #DDC388


Code CSS:

background-image: linear-gradient(135deg, #DDC489 6%, #DDC388 88%);

 

HEX #DDC489 sur HEX #DDC388


Code CSS:

background-image: radial-gradient(circle, #DDC489 2%, #DDC388 91%);

 

HEX #DDC388 sur HEX #DDC489


Code CSS:

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

 

HEX #DDC388 sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #DDC388 14%, #DDC489 90%);

 

HEX #DDC489 sur HEX #DDDA88


Code CSS:

background-image: linear-gradient(135deg, #DDC489 1%, #DDDA88 92%);

 

HEX #DDC489 sur HEX #DDDA88


Code CSS:

background-image: radial-gradient(circle, #DDC489 11%, #DDDA88 92%);

 

HEX #DDDA88 sur HEX #DDC489


Code CSS:

background-image: linear-gradient(135deg, #DDDA88 0%, #DDC489 91%);

 

HEX #DDDA88 sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #DDDA88 1%, #DDC489 94%);

 

HEX #DDC489 sur HEX #C9DD88


Code CSS:

background-image: linear-gradient(135deg, #DDC489 2%, #C9DD88 95%);

 

HEX #DDC489 sur HEX #C9DD88


Code CSS:

background-image: radial-gradient(circle, #DDC489 5%, #C9DD88 92%);

 

HEX #C9DD88 sur HEX #DDC489


Code CSS:

background-image: linear-gradient(135deg, #C9DD88 4%, #DDC489 90%);

 

HEX #C9DD88 sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #C9DD88 11%, #DDC489 100%);

Linéaire

HEX #DDC489 sur HEX #D3B368


Code CSS:

background-image: linear-gradient(135deg, #DDC489 0%, #D3B368 90%);

Radial

HEX #DDC489 sur HEX #D3B368


Code CSS:

background-image: radial-gradient(circle, #DDC489 0%, #D3B368 90%);

 

HEX #D3B368 sur HEX #DDC489


Code CSS:

background-image: linear-gradient(135deg, #D3B368 9%, #DDC489 89%);

 

HEX #D3B368 sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #D3B368 5%, #DDC489 98%);

 

HEX #DDC489 sur HEX #DDC488


Code CSS:

background-image: linear-gradient(135deg, #DDC489 9%, #DDC488 94%);

 

HEX #DDC489 sur HEX #DDC488


Code CSS:

background-image: radial-gradient(circle, #DDC489 4%, #DDC488 95%);

 

HEX #DDC488 sur HEX #DDC489


Code CSS:

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

 

HEX #DDC488 sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #DDC488 2%, #DDC489 88%);

 

HEX #DDC489 sur HEX #E6D4A8


Code CSS:

background-image: linear-gradient(135deg, #DDC489 11%, #E6D4A8 90%);

 

HEX #DDC489 sur HEX #E6D4A8


Code CSS:

background-image: radial-gradient(circle, #DDC489 4%, #E6D4A8 94%);

 

HEX #E6D4A8 sur HEX #DDC489


Code CSS:

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

 

HEX #E6D4A8 sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #E6D4A8 0%, #DDC489 100%);

 

HEX #DDC489 sur HEX #EFE4C8


Code CSS:

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

 

HEX #DDC489 sur HEX #EFE4C8


Code CSS:

background-image: radial-gradient(circle, #DDC489 8%, #EFE4C8 89%);

 

HEX #EFE4C8 sur HEX #DDC489


Code CSS:

background-image: linear-gradient(135deg, #EFE4C8 10%, #DDC489 86%);

 

HEX #EFE4C8 sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #EFE4C8 5%, #DDC489 87%);

Linéaire

HEX #DDC489 sur HEX #91DD88


Code CSS:

background-image: linear-gradient(135deg, #DDC489 3%, #91DD88 95%);

Radial

HEX #DDC489 sur HEX #91DD88


Code CSS:

background-image: radial-gradient(circle, #DDC489 13%, #91DD88 87%);

 

HEX #91DD88 sur HEX #DDC489


Code CSS:

background-image: linear-gradient(135deg, #91DD88 6%, #DDC489 88%);

 

HEX #91DD88 sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #91DD88 2%, #DDC489 97%);

 

HEX #DDC489 sur HEX #A288DD


Code CSS:

background-image: linear-gradient(135deg, #DDC489 1%, #A288DD 87%);

 

HEX #DDC489 sur HEX #A288DD


Code CSS:

background-image: radial-gradient(circle, #DDC489 2%, #A288DD 92%);

 

HEX #A288DD sur HEX #DDC489


Code CSS:

background-image: linear-gradient(135deg, #A288DD 0%, #DDC489 86%);

 

HEX #A288DD sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #A288DD 5%, #DDC489 97%);

Linéaire

HEX #DDC489 sur HEX #88DDC3


Code CSS:

background-image: linear-gradient(135deg, #DDC489 4%, #88DDC3 87%);

Radial

HEX #DDC489 sur HEX #88DDC3


Code CSS:

background-image: radial-gradient(circle, #DDC489 4%, #88DDC3 94%);

 

HEX #88DDC3 sur HEX #DDC489


Code CSS:

background-image: linear-gradient(135deg, #88DDC3 6%, #DDC489 86%);

 

HEX #88DDC3 sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #88DDC3 0%, #DDC489 100%);

 

HEX #DDC489 sur HEX #C388DD


Code CSS:

background-image: linear-gradient(135deg, #DDC489 12%, #C388DD 91%);

 

HEX #DDC489 sur HEX #C388DD


Code CSS:

background-image: radial-gradient(circle, #DDC489 5%, #C388DD 96%);

 

HEX #C388DD sur HEX #DDC489


Code CSS:

background-image: linear-gradient(135deg, #C388DD 12%, #DDC489 98%);

 

HEX #C388DD sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #C388DD 8%, #DDC489 97%);

Linéaire

HEX #DDC489 sur HEX #91DD88


Code CSS:

background-image: linear-gradient(135deg, #DDC489 7%, #91DD88 90%);

Radial

HEX #DDC489 sur HEX #91DD88


Code CSS:

background-image: radial-gradient(circle, #DDC489 10%, #91DD88 88%);

 

HEX #91DD88 sur HEX #DDC489


Code CSS:

background-image: linear-gradient(135deg, #91DD88 0%, #DDC489 86%);

 

HEX #91DD88 sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #91DD88 0%, #DDC489 93%);

 

HEX #DDC489 sur HEX #88A2DD


Code CSS:

background-image: linear-gradient(135deg, #DDC489 13%, #88A2DD 95%);

 

HEX #DDC489 sur HEX #88A2DD


Code CSS:

background-image: radial-gradient(circle, #DDC489 3%, #88A2DD 90%);

 

HEX #88A2DD sur HEX #DDC489


Code CSS:

background-image: linear-gradient(135deg, #88A2DD 1%, #DDC489 91%);

 

HEX #88A2DD sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #88A2DD 3%, #DDC489 92%);

 

HEX #DDC489 sur HEX #D488DD


Code CSS:

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

 

HEX #DDC489 sur HEX #D488DD


Code CSS:

background-image: radial-gradient(circle, #DDC489 1%, #D488DD 93%);

 

HEX #D488DD sur HEX #DDC489


Code CSS:

background-image: linear-gradient(135deg, #D488DD 1%, #DDC489 92%);

 

HEX #D488DD sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #D488DD 7%, #DDC489 89%);

Linéaire

HEX #DDC489 sur HEX #88DD99


Code CSS:

background-image: linear-gradient(135deg, #DDC489 0%, #88DD99 90%);

Radial

HEX #DDC489 sur HEX #88DD99


Code CSS:

background-image: radial-gradient(circle, #DDC489 11%, #88DD99 87%);

 

HEX #88DD99 sur HEX #DDC489


Code CSS:

background-image: linear-gradient(135deg, #88DD99 12%, #DDC489 94%);

 

HEX #88DD99 sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #88DD99 1%, #DDC489 87%);

 

HEX #DDC489 sur HEX #88A2DD


Code CSS:

background-image: linear-gradient(135deg, #DDC489 1%, #88A2DD 89%);

 

HEX #DDC489 sur HEX #88A2DD


Code CSS:

background-image: radial-gradient(circle, #DDC489 2%, #88A2DD 100%);

 

HEX #88A2DD sur HEX #DDC489


Code CSS:

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

 

HEX #88A2DD sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #88A2DD 11%, #DDC489 93%);

 

HEX #DDC489 sur HEX #DD88CC


Code CSS:

background-image: linear-gradient(135deg, #DDC489 14%, #DD88CC 98%);

 

HEX #DDC489 sur HEX #DD88CC


Code CSS:

background-image: radial-gradient(circle, #DDC489 5%, #DD88CC 89%);

 

HEX #DD88CC sur HEX #DDC489


Code CSS:

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

 

HEX #DD88CC sur HEX #DDC489


Code CSS:

background-image: radial-gradient(circle, #DD88CC 2%, #DDC489 95%);

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 les palettes de couleurs, une inscription est nécessaire.

Se connecter à votre 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 souhaité.

Partager

OK, j'ai copié les liens

Vos couleurs sont enregistrées dans une nouvelle palette de couleurs.
Vous pouvez la consulter sous votre profil.
Vous pouvez 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 , vous pouvez créer des palettes et télécharger les nuanciers.