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

CSS Gradients:
#DF14AB

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 rouge et le bleu dominent nettement cette teinte : les valeurs du rouge et du bleu sont supérieures au vert. 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 223 Rouge, 20 Vert et 171 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.
223 20 171 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, 91 magenta, 23 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% 91% 23% 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 #DF14AB sur HEX #20EB54


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 2%, #20EB54 89%);

Radial

HEX #DF14AB sur HEX #20EB54


Code CSS:

background-image: radial-gradient(circle, #DF14AB 12%, #20EB54 86%);

 

HEX #20EB54 sur HEX #DF14AB


Code CSS:

background-image: linear-gradient(135deg, #20EB54 12%, #DF14AB 86%);

 

HEX #20EB54 sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #20EB54 9%, #DF14AB 90%);

Linéaire

HEX #DF14AB sur HEX #DE14E1


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 4%, #DE14E1 89%);

Radial

HEX #DF14AB sur HEX #DE14E1


Code CSS:

background-image: radial-gradient(circle, #DF14AB 3%, #DE14E1 100%);

 

HEX #DE14E1 sur HEX #DF14AB


Code CSS:

background-image: linear-gradient(135deg, #DE14E1 11%, #DF14AB 94%);

 

HEX #DE14E1 sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #DE14E1 13%, #DF14AB 100%);

 

HEX #DF14AB sur HEX #E114AE


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 6%, #E114AE 93%);

 

HEX #DF14AB sur HEX #E114AE


Code CSS:

background-image: radial-gradient(circle, #DF14AB 13%, #E114AE 100%);

 

HEX #E114AE sur HEX #DF14AB


Code CSS:

background-image: linear-gradient(135deg, #E114AE 7%, #DF14AB 89%);

 

HEX #E114AE sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #E114AE 8%, #DF14AB 89%);

 

HEX #DF14AB sur HEX #E11477


Code CSS:

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

 

HEX #DF14AB sur HEX #E11477


Code CSS:

background-image: radial-gradient(circle, #DF14AB 5%, #E11477 87%);

 

HEX #E11477 sur HEX #DF14AB


Code CSS:

background-image: linear-gradient(135deg, #E11477 8%, #DF14AB 90%);

 

HEX #E11477 sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #E11477 10%, #DF14AB 92%);

 

HEX #DF14AB sur HEX #E11440


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 4%, #E11440 98%);

 

HEX #DF14AB sur HEX #E11440


Code CSS:

background-image: radial-gradient(circle, #DF14AB 8%, #E11440 87%);

 

HEX #E11440 sur HEX #DF14AB


Code CSS:

background-image: linear-gradient(135deg, #E11440 1%, #DF14AB 91%);

 

HEX #E11440 sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #E11440 7%, #DF14AB 87%);

Linéaire

HEX #DF14AB sur HEX #BB108F


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 10%, #BB108F 100%);

Radial

HEX #DF14AB sur HEX #BB108F


Code CSS:

background-image: radial-gradient(circle, #DF14AB 6%, #BB108F 95%);

 

HEX #BB108F sur HEX #DF14AB


Code CSS:

background-image: linear-gradient(135deg, #BB108F 10%, #DF14AB 91%);

 

HEX #BB108F sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #BB108F 9%, #DF14AB 97%);

 

HEX #DF14AB sur HEX #E114AD


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 12%, #E114AD 90%);

 

HEX #DF14AB sur HEX #E114AD


Code CSS:

background-image: radial-gradient(circle, #DF14AB 2%, #E114AD 98%);

 

HEX #E114AD sur HEX #DF14AB


Code CSS:

background-image: linear-gradient(135deg, #E114AD 12%, #DF14AB 90%);

 

HEX #E114AD sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #E114AD 8%, #DF14AB 91%);

 

HEX #DF14AB sur HEX #ED31BD


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 10%, #ED31BD 100%);

 

HEX #DF14AB sur HEX #ED31BD


Code CSS:

background-image: radial-gradient(circle, #DF14AB 12%, #ED31BD 100%);

 

HEX #ED31BD sur HEX #DF14AB


Code CSS:

background-image: linear-gradient(135deg, #ED31BD 8%, #DF14AB 90%);

 

HEX #ED31BD sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #ED31BD 11%, #DF14AB 90%);

 

HEX #DF14AB sur HEX #F057C9


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 8%, #F057C9 95%);

 

HEX #DF14AB sur HEX #F057C9


Code CSS:

background-image: radial-gradient(circle, #DF14AB 3%, #F057C9 89%);

 

HEX #F057C9 sur HEX #DF14AB


Code CSS:

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

 

HEX #F057C9 sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #F057C9 6%, #DF14AB 93%);

Linéaire

HEX #DF14AB sur HEX #DE14E1


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 4%, #DE14E1 89%);

Radial

HEX #DF14AB sur HEX #DE14E1


Code CSS:

background-image: radial-gradient(circle, #DF14AB 12%, #DE14E1 97%);

 

HEX #DE14E1 sur HEX #DF14AB


Code CSS:

background-image: linear-gradient(135deg, #DE14E1 9%, #DF14AB 99%);

 

HEX #DE14E1 sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #DE14E1 0%, #DF14AB 96%);

 

HEX #DF14AB sur HEX #E114AE


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 11%, #E114AE 86%);

 

HEX #DF14AB sur HEX #E114AE


Code CSS:

background-image: radial-gradient(circle, #DF14AB 12%, #E114AE 93%);

 

HEX #E114AE sur HEX #DF14AB


Code CSS:

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

 

HEX #E114AE sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #E114AE 6%, #DF14AB 100%);

 

HEX #DF14AB sur HEX #E11477


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 3%, #E11477 86%);

 

HEX #DF14AB sur HEX #E11477


Code CSS:

background-image: radial-gradient(circle, #DF14AB 2%, #E11477 91%);

 

HEX #E11477 sur HEX #DF14AB


Code CSS:

background-image: linear-gradient(135deg, #E11477 7%, #DF14AB 87%);

 

HEX #E11477 sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #E11477 14%, #DF14AB 94%);

 

HEX #DF14AB sur HEX #E11440


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 11%, #E11440 95%);

 

HEX #DF14AB sur HEX #E11440


Code CSS:

background-image: radial-gradient(circle, #DF14AB 4%, #E11440 93%);

 

HEX #E11440 sur HEX #DF14AB


Code CSS:

background-image: linear-gradient(135deg, #E11440 1%, #DF14AB 94%);

 

HEX #E11440 sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #E11440 6%, #DF14AB 94%);

Linéaire

HEX #DF14AB sur HEX #BB108F


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 11%, #BB108F 86%);

Radial

HEX #DF14AB sur HEX #BB108F


Code CSS:

background-image: radial-gradient(circle, #DF14AB 2%, #BB108F 89%);

 

HEX #BB108F sur HEX #DF14AB


Code CSS:

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

 

HEX #BB108F sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #BB108F 5%, #DF14AB 95%);

 

HEX #DF14AB sur HEX #E114AD


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 10%, #E114AD 88%);

 

HEX #DF14AB sur HEX #E114AD


Code CSS:

background-image: radial-gradient(circle, #DF14AB 9%, #E114AD 89%);

 

HEX #E114AD sur HEX #DF14AB


Code CSS:

background-image: linear-gradient(135deg, #E114AD 9%, #DF14AB 100%);

 

HEX #E114AD sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #E114AD 1%, #DF14AB 91%);

 

HEX #DF14AB sur HEX #ED31BD


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 10%, #ED31BD 94%);

 

HEX #DF14AB sur HEX #ED31BD


Code CSS:

background-image: radial-gradient(circle, #DF14AB 8%, #ED31BD 95%);

 

HEX #ED31BD sur HEX #DF14AB


Code CSS:

background-image: linear-gradient(135deg, #ED31BD 7%, #DF14AB 100%);

 

HEX #ED31BD sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #ED31BD 5%, #DF14AB 97%);

 

HEX #DF14AB sur HEX #F057C9


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 10%, #F057C9 88%);

 

HEX #DF14AB sur HEX #F057C9


Code CSS:

background-image: radial-gradient(circle, #DF14AB 2%, #F057C9 88%);

 

HEX #F057C9 sur HEX #DF14AB


Code CSS:

background-image: linear-gradient(135deg, #F057C9 1%, #DF14AB 98%);

 

HEX #F057C9 sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #F057C9 7%, #DF14AB 98%);

Linéaire

HEX #DF14AB sur HEX #E17014


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 2%, #E17014 99%);

Radial

HEX #DF14AB sur HEX #E17014


Code CSS:

background-image: radial-gradient(circle, #DF14AB 6%, #E17014 91%);

 

HEX #E17014 sur HEX #DF14AB


Code CSS:

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

 

HEX #E17014 sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #E17014 4%, #DF14AB 99%);

 

HEX #DF14AB sur HEX #14E1C2


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 3%, #14E1C2 94%);

 

HEX #DF14AB sur HEX #14E1C2


Code CSS:

background-image: radial-gradient(circle, #DF14AB 9%, #14E1C2 92%);

 

HEX #14E1C2 sur HEX #DF14AB


Code CSS:

background-image: linear-gradient(135deg, #14E1C2 5%, #DF14AB 87%);

 

HEX #14E1C2 sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #14E1C2 14%, #DF14AB 96%);

Linéaire

HEX #DF14AB sur HEX #AEE114


Code CSS:

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

Radial

HEX #DF14AB sur HEX #AEE114


Code CSS:

background-image: radial-gradient(circle, #DF14AB 4%, #AEE114 99%);

 

HEX #AEE114 sur HEX #DF14AB


Code CSS:

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

 

HEX #AEE114 sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #AEE114 3%, #DF14AB 91%);

 

HEX #DF14AB sur HEX #14AEE1


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 3%, #14AEE1 100%);

 

HEX #DF14AB sur HEX #14AEE1


Code CSS:

background-image: radial-gradient(circle, #DF14AB 2%, #14AEE1 93%);

 

HEX #14AEE1 sur HEX #DF14AB


Code CSS:

background-image: linear-gradient(135deg, #14AEE1 12%, #DF14AB 92%);

 

HEX #14AEE1 sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #14AEE1 3%, #DF14AB 89%);

Linéaire

HEX #DF14AB sur HEX #E17014


Code CSS:

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

Radial

HEX #DF14AB sur HEX #E17014


Code CSS:

background-image: radial-gradient(circle, #DF14AB 11%, #E17014 89%);

 

HEX #E17014 sur HEX #DF14AB


Code CSS:

background-image: linear-gradient(135deg, #E17014 14%, #DF14AB 97%);

 

HEX #E17014 sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #E17014 6%, #DF14AB 98%);

 

HEX #DF14AB sur HEX #14E147


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 0%, #14E147 97%);

 

HEX #DF14AB sur HEX #14E147


Code CSS:

background-image: radial-gradient(circle, #DF14AB 3%, #14E147 100%);

 

HEX #14E147 sur HEX #DF14AB


Code CSS:

background-image: linear-gradient(135deg, #14E147 7%, #DF14AB 90%);

 

HEX #14E147 sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #14E147 3%, #DF14AB 91%);

 

HEX #DF14AB sur HEX #1485E1


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 4%, #1485E1 90%);

 

HEX #DF14AB sur HEX #1485E1


Code CSS:

background-image: radial-gradient(circle, #DF14AB 5%, #1485E1 98%);

 

HEX #1485E1 sur HEX #DF14AB


Code CSS:

background-image: linear-gradient(135deg, #1485E1 1%, #DF14AB 94%);

 

HEX #1485E1 sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #1485E1 10%, #DF14AB 97%);

Linéaire

HEX #DF14AB sur HEX #E1AE14


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 5%, #E1AE14 97%);

Radial

HEX #DF14AB sur HEX #E1AE14


Code CSS:

background-image: radial-gradient(circle, #DF14AB 6%, #E1AE14 91%);

 

HEX #E1AE14 sur HEX #DF14AB


Code CSS:

background-image: linear-gradient(135deg, #E1AE14 13%, #DF14AB 97%);

 

HEX #E1AE14 sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #E1AE14 3%, #DF14AB 90%);

 

HEX #DF14AB sur HEX #14E147


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 3%, #14E147 86%);

 

HEX #DF14AB sur HEX #14E147


Code CSS:

background-image: radial-gradient(circle, #DF14AB 12%, #14E147 89%);

 

HEX #14E147 sur HEX #DF14AB


Code CSS:

background-image: linear-gradient(135deg, #14E147 3%, #DF14AB 97%);

 

HEX #14E147 sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #14E147 7%, #DF14AB 99%);

 

HEX #DF14AB sur HEX #1447E1


Code CSS:

background-image: linear-gradient(135deg, #DF14AB 12%, #1447E1 100%);

 

HEX #DF14AB sur HEX #1447E1


Code CSS:

background-image: radial-gradient(circle, #DF14AB 4%, #1447E1 93%);

 

HEX #1447E1 sur HEX #DF14AB


Code CSS:

background-image: linear-gradient(135deg, #1447E1 7%, #DF14AB 89%);

 

HEX #1447E1 sur HEX #DF14AB


Code CSS:

background-image: radial-gradient(circle, #1447E1 9%, #DF14AB 88%);

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)

To be able to save color palettes, a registration is required.

Log 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 desired link.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View them under your profile.
You can customize them further, and share them.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking on you can create palettes and download the color swatches.