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

CSS Gradients:
#574AEB

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

Le bleu domine nettement : la valeur bleue surpasse les autres. 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 87 Rouge, 74 Vert et 235 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.
87 74 235 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 63 cyan, 69 magenta, pas de jaune et 8 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.
63% 69% 0% 8% 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 #574AEB sur HEX #A8B514


Code CSS:

background-image: linear-gradient(135deg, #574AEB 0%, #A8B514 90%);

Radial

HEX #574AEB sur HEX #A8B514


Code CSS:

background-image: radial-gradient(circle, #574AEB 6%, #A8B514 93%);

 

HEX #A8B514 sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #A8B514 0%, #574AEB 94%);

 

HEX #A8B514 sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #A8B514 0%, #574AEB 87%);

Linéaire

HEX #574AEB sur HEX #4C6CEB


Code CSS:

background-image: linear-gradient(135deg, #574AEB 1%, #4C6CEB 94%);

Radial

HEX #574AEB sur HEX #4C6CEB


Code CSS:

background-image: radial-gradient(circle, #574AEB 13%, #4C6CEB 88%);

 

HEX #4C6CEB sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #4C6CEB 0%, #574AEB 92%);

 

HEX #4C6CEB sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #4C6CEB 10%, #574AEB 89%);

 

HEX #574AEB sur HEX #574CEB


Code CSS:

background-image: linear-gradient(135deg, #574AEB 1%, #574CEB 86%);

 

HEX #574AEB sur HEX #574CEB


Code CSS:

background-image: radial-gradient(circle, #574AEB 1%, #574CEB 95%);

 

HEX #574CEB sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #574CEB 4%, #574AEB 92%);

 

HEX #574CEB sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #574CEB 10%, #574AEB 91%);

 

HEX #574AEB sur HEX #814CEB


Code CSS:

background-image: linear-gradient(135deg, #574AEB 2%, #814CEB 88%);

 

HEX #574AEB sur HEX #814CEB


Code CSS:

background-image: radial-gradient(circle, #574AEB 11%, #814CEB 90%);

 

HEX #814CEB sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #814CEB 5%, #574AEB 94%);

 

HEX #814CEB sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #814CEB 3%, #574AEB 90%);

 

HEX #574AEB sur HEX #AB4CEB


Code CSS:

background-image: linear-gradient(135deg, #574AEB 5%, #AB4CEB 96%);

 

HEX #574AEB sur HEX #AB4CEB


Code CSS:

background-image: radial-gradient(circle, #574AEB 8%, #AB4CEB 88%);

 

HEX #AB4CEB sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #AB4CEB 11%, #574AEB 93%);

 

HEX #AB4CEB sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #AB4CEB 1%, #574AEB 97%);

Linéaire

HEX #574AEB sur HEX #3627E7


Code CSS:

background-image: linear-gradient(135deg, #574AEB 4%, #3627E7 89%);

Radial

HEX #574AEB sur HEX #3627E7


Code CSS:

background-image: radial-gradient(circle, #574AEB 0%, #3627E7 96%);

 

HEX #3627E7 sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #3627E7 2%, #574AEB 86%);

 

HEX #3627E7 sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #3627E7 12%, #574AEB 92%);

 

HEX #574AEB sur HEX #594CEB


Code CSS:

background-image: linear-gradient(135deg, #574AEB 6%, #594CEB 95%);

 

HEX #574AEB sur HEX #594CEB


Code CSS:

background-image: radial-gradient(circle, #574AEB 1%, #594CEB 96%);

 

HEX #594CEB sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #594CEB 11%, #574AEB 96%);

 

HEX #594CEB sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #594CEB 10%, #574AEB 86%);

 

HEX #574AEB sur HEX #7B71EF


Code CSS:

background-image: linear-gradient(135deg, #574AEB 5%, #7B71EF 95%);

 

HEX #574AEB sur HEX #7B71EF


Code CSS:

background-image: radial-gradient(circle, #574AEB 8%, #7B71EF 92%);

 

HEX #7B71EF sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #7B71EF 1%, #574AEB 87%);

 

HEX #7B71EF sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #7B71EF 0%, #574AEB 94%);

 

HEX #574AEB sur HEX #9E96F3


Code CSS:

background-image: linear-gradient(135deg, #574AEB 14%, #9E96F3 95%);

 

HEX #574AEB sur HEX #9E96F3


Code CSS:

background-image: radial-gradient(circle, #574AEB 3%, #9E96F3 94%);

 

HEX #9E96F3 sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #9E96F3 9%, #574AEB 97%);

 

HEX #9E96F3 sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #9E96F3 8%, #574AEB 95%);

Linéaire

HEX #574AEB sur HEX #4C6CEB


Code CSS:

background-image: linear-gradient(135deg, #574AEB 13%, #4C6CEB 90%);

Radial

HEX #574AEB sur HEX #4C6CEB


Code CSS:

background-image: radial-gradient(circle, #574AEB 13%, #4C6CEB 95%);

 

HEX #4C6CEB sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #4C6CEB 9%, #574AEB 97%);

 

HEX #4C6CEB sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #4C6CEB 8%, #574AEB 89%);

 

HEX #574AEB sur HEX #574CEB


Code CSS:

background-image: linear-gradient(135deg, #574AEB 8%, #574CEB 99%);

 

HEX #574AEB sur HEX #574CEB


Code CSS:

background-image: radial-gradient(circle, #574AEB 1%, #574CEB 98%);

 

HEX #574CEB sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #574CEB 7%, #574AEB 97%);

 

HEX #574CEB sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #574CEB 13%, #574AEB 91%);

 

HEX #574AEB sur HEX #814CEB


Code CSS:

background-image: linear-gradient(135deg, #574AEB 3%, #814CEB 86%);

 

HEX #574AEB sur HEX #814CEB


Code CSS:

background-image: radial-gradient(circle, #574AEB 0%, #814CEB 89%);

 

HEX #814CEB sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #814CEB 4%, #574AEB 93%);

 

HEX #814CEB sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #814CEB 11%, #574AEB 94%);

 

HEX #574AEB sur HEX #AB4CEB


Code CSS:

background-image: linear-gradient(135deg, #574AEB 12%, #AB4CEB 95%);

 

HEX #574AEB sur HEX #AB4CEB


Code CSS:

background-image: radial-gradient(circle, #574AEB 7%, #AB4CEB 95%);

 

HEX #AB4CEB sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #AB4CEB 3%, #574AEB 96%);

 

HEX #AB4CEB sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #AB4CEB 4%, #574AEB 86%);

Linéaire

HEX #574AEB sur HEX #3627E7


Code CSS:

background-image: linear-gradient(135deg, #574AEB 14%, #3627E7 91%);

Radial

HEX #574AEB sur HEX #3627E7


Code CSS:

background-image: radial-gradient(circle, #574AEB 2%, #3627E7 98%);

 

HEX #3627E7 sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #3627E7 9%, #574AEB 88%);

 

HEX #3627E7 sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #3627E7 14%, #574AEB 92%);

 

HEX #574AEB sur HEX #594CEB


Code CSS:

background-image: linear-gradient(135deg, #574AEB 10%, #594CEB 86%);

 

HEX #574AEB sur HEX #594CEB


Code CSS:

background-image: radial-gradient(circle, #574AEB 0%, #594CEB 89%);

 

HEX #594CEB sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #594CEB 13%, #574AEB 86%);

 

HEX #594CEB sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #594CEB 8%, #574AEB 99%);

 

HEX #574AEB sur HEX #7B71EF


Code CSS:

background-image: linear-gradient(135deg, #574AEB 8%, #7B71EF 88%);

 

HEX #574AEB sur HEX #7B71EF


Code CSS:

background-image: radial-gradient(circle, #574AEB 9%, #7B71EF 100%);

 

HEX #7B71EF sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #7B71EF 13%, #574AEB 90%);

 

HEX #7B71EF sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #7B71EF 10%, #574AEB 96%);

 

HEX #574AEB sur HEX #9E96F3


Code CSS:

background-image: linear-gradient(135deg, #574AEB 7%, #9E96F3 88%);

 

HEX #574AEB sur HEX #9E96F3


Code CSS:

background-image: radial-gradient(circle, #574AEB 3%, #9E96F3 90%);

 

HEX #9E96F3 sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #9E96F3 0%, #574AEB 98%);

 

HEX #9E96F3 sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #9E96F3 14%, #574AEB 88%);

Linéaire

HEX #574AEB sur HEX #EB4CC1


Code CSS:

background-image: linear-gradient(135deg, #574AEB 14%, #EB4CC1 93%);

Radial

HEX #574AEB sur HEX #EB4CC1


Code CSS:

background-image: radial-gradient(circle, #574AEB 1%, #EB4CC1 96%);

 

HEX #EB4CC1 sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #EB4CC1 3%, #574AEB 90%);

 

HEX #EB4CC1 sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #EB4CC1 10%, #574AEB 86%);

 

HEX #574AEB sur HEX #81EB4C


Code CSS:

background-image: linear-gradient(135deg, #574AEB 8%, #81EB4C 93%);

 

HEX #574AEB sur HEX #81EB4C


Code CSS:

background-image: radial-gradient(circle, #574AEB 2%, #81EB4C 97%);

 

HEX #81EB4C sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #81EB4C 14%, #574AEB 86%);

 

HEX #81EB4C sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #81EB4C 4%, #574AEB 95%);

Linéaire

HEX #574AEB sur HEX #EB574C


Code CSS:

background-image: linear-gradient(135deg, #574AEB 9%, #EB574C 92%);

Radial

HEX #574AEB sur HEX #EB574C


Code CSS:

background-image: radial-gradient(circle, #574AEB 14%, #EB574C 88%);

 

HEX #EB574C sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #EB574C 0%, #574AEB 86%);

 

HEX #EB574C sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #EB574C 10%, #574AEB 92%);

 

HEX #574AEB sur HEX #4CEB57


Code CSS:

background-image: linear-gradient(135deg, #574AEB 2%, #4CEB57 87%);

 

HEX #574AEB sur HEX #4CEB57


Code CSS:

background-image: radial-gradient(circle, #574AEB 10%, #4CEB57 99%);

 

HEX #4CEB57 sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #4CEB57 6%, #574AEB 88%);

 

HEX #4CEB57 sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #4CEB57 5%, #574AEB 87%);

Linéaire

HEX #574AEB sur HEX #EB4CC1


Code CSS:

background-image: linear-gradient(135deg, #574AEB 4%, #EB4CC1 91%);

Radial

HEX #574AEB sur HEX #EB4CC1


Code CSS:

background-image: radial-gradient(circle, #574AEB 2%, #EB4CC1 89%);

 

HEX #EB4CC1 sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #EB4CC1 4%, #574AEB 94%);

 

HEX #EB4CC1 sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #EB4CC1 10%, #574AEB 91%);

 

HEX #574AEB sur HEX #E1EB4C


Code CSS:

background-image: linear-gradient(135deg, #574AEB 13%, #E1EB4C 97%);

 

HEX #574AEB sur HEX #E1EB4C


Code CSS:

background-image: radial-gradient(circle, #574AEB 2%, #E1EB4C 90%);

 

HEX #E1EB4C sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #E1EB4C 12%, #574AEB 97%);

 

HEX #E1EB4C sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #E1EB4C 8%, #574AEB 98%);

 

HEX #574AEB sur HEX #4CEB76


Code CSS:

background-image: linear-gradient(135deg, #574AEB 13%, #4CEB76 86%);

 

HEX #574AEB sur HEX #4CEB76


Code CSS:

background-image: radial-gradient(circle, #574AEB 1%, #4CEB76 99%);

 

HEX #4CEB76 sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #4CEB76 2%, #574AEB 87%);

 

HEX #4CEB76 sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #4CEB76 0%, #574AEB 97%);

Linéaire

HEX #574AEB sur HEX #EB4C91


Code CSS:

background-image: linear-gradient(135deg, #574AEB 8%, #EB4C91 90%);

Radial

HEX #574AEB sur HEX #EB4C91


Code CSS:

background-image: radial-gradient(circle, #574AEB 13%, #EB4C91 97%);

 

HEX #EB4C91 sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #EB4C91 2%, #574AEB 96%);

 

HEX #EB4C91 sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #EB4C91 14%, #574AEB 100%);

 

HEX #574AEB sur HEX #E1EB4C


Code CSS:

background-image: linear-gradient(135deg, #574AEB 13%, #E1EB4C 96%);

 

HEX #574AEB sur HEX #E1EB4C


Code CSS:

background-image: radial-gradient(circle, #574AEB 0%, #E1EB4C 88%);

 

HEX #E1EB4C sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #E1EB4C 4%, #574AEB 87%);

 

HEX #E1EB4C sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #E1EB4C 13%, #574AEB 91%);

 

HEX #574AEB sur HEX #4CEBA6


Code CSS:

background-image: linear-gradient(135deg, #574AEB 10%, #4CEBA6 91%);

 

HEX #574AEB sur HEX #4CEBA6


Code CSS:

background-image: radial-gradient(circle, #574AEB 11%, #4CEBA6 90%);

 

HEX #4CEBA6 sur HEX #574AEB


Code CSS:

background-image: linear-gradient(135deg, #4CEBA6 2%, #574AEB 93%);

 

HEX #4CEBA6 sur HEX #574AEB


Code CSS:

background-image: radial-gradient(circle, #4CEBA6 5%, #574AEB 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.