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

CSS Gradients:
#ABE149

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 171 Rouge, 225 Vert et 73 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.
171 225 73 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 24 cyan, pas de magenta, 68 jaune et 12 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.
24% 0% 68% 12% 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 #ABE149 sur HEX #541EB6


Code CSS:

background-image: linear-gradient(135deg, #ABE149 3%, #541EB6 94%);

Radial

HEX #ABE149 sur HEX #541EB6


Code CSS:

background-image: radial-gradient(circle, #ABE149 0%, #541EB6 100%);

 

HEX #541EB6 sur HEX #ABE149


Code CSS:

background-image: linear-gradient(135deg, #541EB6 9%, #ABE149 87%);

 

HEX #541EB6 sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #541EB6 8%, #ABE149 100%);

Linéaire

HEX #ABE149 sur HEX #D4E147


Code CSS:

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

Radial

HEX #ABE149 sur HEX #D4E147


Code CSS:

background-image: radial-gradient(circle, #ABE149 11%, #D4E147 95%);

 

HEX #D4E147 sur HEX #ABE149


Code CSS:

background-image: linear-gradient(135deg, #D4E147 13%, #ABE149 94%);

 

HEX #D4E147 sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #D4E147 8%, #ABE149 92%);

 

HEX #ABE149 sur HEX #ABE147


Code CSS:

background-image: linear-gradient(135deg, #ABE149 0%, #ABE147 98%);

 

HEX #ABE149 sur HEX #ABE147


Code CSS:

background-image: radial-gradient(circle, #ABE149 9%, #ABE147 87%);

 

HEX #ABE147 sur HEX #ABE149


Code CSS:

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

 

HEX #ABE147 sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #ABE147 11%, #ABE149 87%);

 

HEX #ABE149 sur HEX #82E147


Code CSS:

background-image: linear-gradient(135deg, #ABE149 5%, #82E147 95%);

 

HEX #ABE149 sur HEX #82E147


Code CSS:

background-image: radial-gradient(circle, #ABE149 3%, #82E147 96%);

 

HEX #82E147 sur HEX #ABE149


Code CSS:

background-image: linear-gradient(135deg, #82E147 1%, #ABE149 99%);

 

HEX #82E147 sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #82E147 2%, #ABE149 89%);

 

HEX #ABE149 sur HEX #59E147


Code CSS:

background-image: linear-gradient(135deg, #ABE149 6%, #59E147 96%);

 

HEX #ABE149 sur HEX #59E147


Code CSS:

background-image: radial-gradient(circle, #ABE149 7%, #59E147 96%);

 

HEX #59E147 sur HEX #ABE149


Code CSS:

background-image: linear-gradient(135deg, #59E147 6%, #ABE149 86%);

 

HEX #59E147 sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #59E147 1%, #ABE149 89%);

Linéaire

HEX #ABE149 sur HEX #9ADB24


Code CSS:

background-image: linear-gradient(135deg, #ABE149 0%, #9ADB24 87%);

Radial

HEX #ABE149 sur HEX #9ADB24


Code CSS:

background-image: radial-gradient(circle, #ABE149 1%, #9ADB24 89%);

 

HEX #9ADB24 sur HEX #ABE149


Code CSS:

background-image: linear-gradient(135deg, #9ADB24 0%, #ABE149 86%);

 

HEX #9ADB24 sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #9ADB24 12%, #ABE149 94%);

 

HEX #ABE149 sur HEX #AAE147


Code CSS:

background-image: linear-gradient(135deg, #ABE149 11%, #AAE147 100%);

 

HEX #ABE149 sur HEX #AAE147


Code CSS:

background-image: radial-gradient(circle, #ABE149 3%, #AAE147 100%);

 

HEX #AAE147 sur HEX #ABE149


Code CSS:

background-image: linear-gradient(135deg, #AAE147 12%, #ABE149 99%);

 

HEX #AAE147 sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #AAE147 12%, #ABE149 96%);

 

HEX #ABE149 sur HEX #BBE76A


Code CSS:

background-image: linear-gradient(135deg, #ABE149 12%, #BBE76A 96%);

 

HEX #ABE149 sur HEX #BBE76A


Code CSS:

background-image: radial-gradient(circle, #ABE149 9%, #BBE76A 95%);

 

HEX #BBE76A sur HEX #ABE149


Code CSS:

background-image: linear-gradient(135deg, #BBE76A 5%, #ABE149 96%);

 

HEX #BBE76A sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #BBE76A 12%, #ABE149 88%);

 

HEX #ABE149 sur HEX #CBED8E


Code CSS:

background-image: linear-gradient(135deg, #ABE149 1%, #CBED8E 100%);

 

HEX #ABE149 sur HEX #CBED8E


Code CSS:

background-image: radial-gradient(circle, #ABE149 9%, #CBED8E 98%);

 

HEX #CBED8E sur HEX #ABE149


Code CSS:

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

 

HEX #CBED8E sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #CBED8E 10%, #ABE149 94%);

Linéaire

HEX #ABE149 sur HEX #D4E147


Code CSS:

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

Radial

HEX #ABE149 sur HEX #D4E147


Code CSS:

background-image: radial-gradient(circle, #ABE149 3%, #D4E147 94%);

 

HEX #D4E147 sur HEX #ABE149


Code CSS:

background-image: linear-gradient(135deg, #D4E147 12%, #ABE149 100%);

 

HEX #D4E147 sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #D4E147 14%, #ABE149 90%);

 

HEX #ABE149 sur HEX #ABE147


Code CSS:

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

 

HEX #ABE149 sur HEX #ABE147


Code CSS:

background-image: radial-gradient(circle, #ABE149 13%, #ABE147 94%);

 

HEX #ABE147 sur HEX #ABE149


Code CSS:

background-image: linear-gradient(135deg, #ABE147 4%, #ABE149 87%);

 

HEX #ABE147 sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #ABE147 7%, #ABE149 89%);

 

HEX #ABE149 sur HEX #82E147


Code CSS:

background-image: linear-gradient(135deg, #ABE149 1%, #82E147 91%);

 

HEX #ABE149 sur HEX #82E147


Code CSS:

background-image: radial-gradient(circle, #ABE149 2%, #82E147 87%);

 

HEX #82E147 sur HEX #ABE149


Code CSS:

background-image: linear-gradient(135deg, #82E147 0%, #ABE149 89%);

 

HEX #82E147 sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #82E147 7%, #ABE149 89%);

 

HEX #ABE149 sur HEX #59E147


Code CSS:

background-image: linear-gradient(135deg, #ABE149 4%, #59E147 91%);

 

HEX #ABE149 sur HEX #59E147


Code CSS:

background-image: radial-gradient(circle, #ABE149 10%, #59E147 91%);

 

HEX #59E147 sur HEX #ABE149


Code CSS:

background-image: linear-gradient(135deg, #59E147 4%, #ABE149 89%);

 

HEX #59E147 sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #59E147 4%, #ABE149 87%);

Linéaire

HEX #ABE149 sur HEX #9ADB24


Code CSS:

background-image: linear-gradient(135deg, #ABE149 8%, #9ADB24 91%);

Radial

HEX #ABE149 sur HEX #9ADB24


Code CSS:

background-image: radial-gradient(circle, #ABE149 7%, #9ADB24 95%);

 

HEX #9ADB24 sur HEX #ABE149


Code CSS:

background-image: linear-gradient(135deg, #9ADB24 11%, #ABE149 92%);

 

HEX #9ADB24 sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #9ADB24 7%, #ABE149 90%);

 

HEX #ABE149 sur HEX #AAE147


Code CSS:

background-image: linear-gradient(135deg, #ABE149 11%, #AAE147 92%);

 

HEX #ABE149 sur HEX #AAE147


Code CSS:

background-image: radial-gradient(circle, #ABE149 1%, #AAE147 99%);

 

HEX #AAE147 sur HEX #ABE149


Code CSS:

background-image: linear-gradient(135deg, #AAE147 14%, #ABE149 96%);

 

HEX #AAE147 sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #AAE147 4%, #ABE149 95%);

 

HEX #ABE149 sur HEX #BBE76A


Code CSS:

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

 

HEX #ABE149 sur HEX #BBE76A


Code CSS:

background-image: radial-gradient(circle, #ABE149 1%, #BBE76A 100%);

 

HEX #BBE76A sur HEX #ABE149


Code CSS:

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

 

HEX #BBE76A sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #BBE76A 8%, #ABE149 99%);

 

HEX #ABE149 sur HEX #CBED8E


Code CSS:

background-image: linear-gradient(135deg, #ABE149 5%, #CBED8E 89%);

 

HEX #ABE149 sur HEX #CBED8E


Code CSS:

background-image: radial-gradient(circle, #ABE149 14%, #CBED8E 87%);

 

HEX #CBED8E sur HEX #ABE149


Code CSS:

background-image: linear-gradient(135deg, #CBED8E 3%, #ABE149 95%);

 

HEX #CBED8E sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #CBED8E 10%, #ABE149 98%);

Linéaire

HEX #ABE149 sur HEX #47E19C


Code CSS:

background-image: linear-gradient(135deg, #ABE149 2%, #47E19C 91%);

Radial

HEX #ABE149 sur HEX #47E19C


Code CSS:

background-image: radial-gradient(circle, #ABE149 4%, #47E19C 99%);

 

HEX #47E19C sur HEX #ABE149


Code CSS:

background-image: linear-gradient(135deg, #47E19C 10%, #ABE149 93%);

 

HEX #47E19C sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #47E19C 2%, #ABE149 89%);

 

HEX #ABE149 sur HEX #D947E1


Code CSS:

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

 

HEX #ABE149 sur HEX #D947E1


Code CSS:

background-image: radial-gradient(circle, #ABE149 14%, #D947E1 96%);

 

HEX #D947E1 sur HEX #ABE149


Code CSS:

background-image: linear-gradient(135deg, #D947E1 2%, #ABE149 88%);

 

HEX #D947E1 sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #D947E1 0%, #ABE149 93%);

Linéaire

HEX #ABE149 sur HEX #47ABE1


Code CSS:

background-image: linear-gradient(135deg, #ABE149 11%, #47ABE1 94%);

Radial

HEX #ABE149 sur HEX #47ABE1


Code CSS:

background-image: radial-gradient(circle, #ABE149 3%, #47ABE1 90%);

 

HEX #47ABE1 sur HEX #ABE149


Code CSS:

background-image: linear-gradient(135deg, #47ABE1 3%, #ABE149 99%);

 

HEX #47ABE1 sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #47ABE1 5%, #ABE149 93%);

 

HEX #ABE149 sur HEX #E147AB


Code CSS:

background-image: linear-gradient(135deg, #ABE149 3%, #E147AB 88%);

 

HEX #ABE149 sur HEX #E147AB


Code CSS:

background-image: radial-gradient(circle, #ABE149 4%, #E147AB 99%);

 

HEX #E147AB sur HEX #ABE149


Code CSS:

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

 

HEX #E147AB sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #E147AB 9%, #ABE149 89%);

Linéaire

HEX #ABE149 sur HEX #47E19C


Code CSS:

background-image: linear-gradient(135deg, #ABE149 5%, #47E19C 89%);

Radial

HEX #ABE149 sur HEX #47E19C


Code CSS:

background-image: radial-gradient(circle, #ABE149 10%, #47E19C 89%);

 

HEX #47E19C sur HEX #ABE149


Code CSS:

background-image: linear-gradient(135deg, #47E19C 13%, #ABE149 88%);

 

HEX #47E19C sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #47E19C 9%, #ABE149 86%);

 

HEX #ABE149 sur HEX #7D47E1


Code CSS:

background-image: linear-gradient(135deg, #ABE149 9%, #7D47E1 90%);

 

HEX #ABE149 sur HEX #7D47E1


Code CSS:

background-image: radial-gradient(circle, #ABE149 8%, #7D47E1 87%);

 

HEX #7D47E1 sur HEX #ABE149


Code CSS:

background-image: linear-gradient(135deg, #7D47E1 14%, #ABE149 98%);

 

HEX #7D47E1 sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #7D47E1 4%, #ABE149 87%);

 

HEX #ABE149 sur HEX #E1478C


Code CSS:

background-image: linear-gradient(135deg, #ABE149 4%, #E1478C 95%);

 

HEX #ABE149 sur HEX #E1478C


Code CSS:

background-image: radial-gradient(circle, #ABE149 4%, #E1478C 97%);

 

HEX #E1478C sur HEX #ABE149


Code CSS:

background-image: linear-gradient(135deg, #E1478C 13%, #ABE149 86%);

 

HEX #E1478C sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #E1478C 9%, #ABE149 87%);

Linéaire

HEX #ABE149 sur HEX #47E1CA


Code CSS:

background-image: linear-gradient(135deg, #ABE149 5%, #47E1CA 92%);

Radial

HEX #ABE149 sur HEX #47E1CA


Code CSS:

background-image: radial-gradient(circle, #ABE149 14%, #47E1CA 91%);

 

HEX #47E1CA sur HEX #ABE149


Code CSS:

background-image: linear-gradient(135deg, #47E1CA 5%, #ABE149 97%);

 

HEX #47E1CA sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #47E1CA 1%, #ABE149 91%);

 

HEX #ABE149 sur HEX #7D47E1


Code CSS:

background-image: linear-gradient(135deg, #ABE149 12%, #7D47E1 94%);

 

HEX #ABE149 sur HEX #7D47E1


Code CSS:

background-image: radial-gradient(circle, #ABE149 8%, #7D47E1 100%);

 

HEX #7D47E1 sur HEX #ABE149


Code CSS:

background-image: linear-gradient(135deg, #7D47E1 3%, #ABE149 97%);

 

HEX #7D47E1 sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #7D47E1 0%, #ABE149 88%);

 

HEX #ABE149 sur HEX #E1475E


Code CSS:

background-image: linear-gradient(135deg, #ABE149 9%, #E1475E 97%);

 

HEX #ABE149 sur HEX #E1475E


Code CSS:

background-image: radial-gradient(circle, #ABE149 10%, #E1475E 88%);

 

HEX #E1475E sur HEX #ABE149


Code CSS:

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

 

HEX #E1475E sur HEX #ABE149


Code CSS:

background-image: radial-gradient(circle, #E1475E 1%, #ABE149 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)

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.