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

CSS Gradients:
#EE1289

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

Pour cette couleur, le magenta se distingue des autres couleurs. Les valeurs qui représentent la teinte rouge et la teinte bleue sont supérieures à la troisième valeur. Elles sont proches l'une de l'autre et dépassent la valeur de la teinte verte. Comme les valeurs chromatiques sont relativement élevées par rapport aux autres, cette teinte nous semble plus claire. Elle est aussi appelée DeepPink2.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 238 Rouge, 18 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.
238 18 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, 92 magenta, 42 jaune et 7 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% 92% 42% 7% 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 #EE1289 sur HEX #11ED76


Code CSS:

background-image: linear-gradient(135deg, #EE1289 4%, #11ED76 96%);

Radial

HEX #EE1289 sur HEX #11ED76


Code CSS:

background-image: radial-gradient(circle, #EE1289 2%, #11ED76 91%);

 

HEX #11ED76 sur HEX #EE1289


Code CSS:

background-image: linear-gradient(135deg, #11ED76 9%, #EE1289 93%);

 

HEX #11ED76 sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #11ED76 1%, #EE1289 86%);

Linéaire

HEX #EE1289 sur HEX #FF2497


Code CSS:

background-image: linear-gradient(135deg, #EE1289 9%, #FF2497 90%);

Radial

HEX #EE1289 sur HEX #FF2497


Code CSS:

background-image: radial-gradient(circle, #EE1289 8%, #FF2497 86%);

 

HEX #FF2497 sur HEX #EE1289


Code CSS:

background-image: linear-gradient(135deg, #FF2497 8%, #EE1289 88%);

 

HEX #FF2497 sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #FF2497 13%, #EE1289 96%);

 

HEX #EE1289 sur HEX #FF36AA


Code CSS:

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

 

HEX #EE1289 sur HEX #FF36AA


Code CSS:

background-image: radial-gradient(circle, #EE1289 5%, #FF36AA 89%);

 

HEX #FF36AA sur HEX #EE1289


Code CSS:

background-image: linear-gradient(135deg, #FF36AA 4%, #EE1289 100%);

 

HEX #FF36AA sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #FF36AA 1%, #EE1289 97%);

 

HEX #EE1289 sur HEX #FF48BD


Code CSS:

background-image: linear-gradient(135deg, #EE1289 10%, #FF48BD 90%);

 

HEX #EE1289 sur HEX #FF48BD


Code CSS:

background-image: radial-gradient(circle, #EE1289 10%, #FF48BD 93%);

 

HEX #FF48BD sur HEX #EE1289


Code CSS:

background-image: linear-gradient(135deg, #FF48BD 6%, #EE1289 92%);

 

HEX #FF48BD sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #FF48BD 2%, #EE1289 96%);

 

HEX #EE1289 sur HEX #FF5AD0


Code CSS:

background-image: linear-gradient(135deg, #EE1289 3%, #FF5AD0 92%);

 

HEX #EE1289 sur HEX #FF5AD0


Code CSS:

background-image: radial-gradient(circle, #EE1289 14%, #FF5AD0 95%);

 

HEX #FF5AD0 sur HEX #EE1289


Code CSS:

background-image: linear-gradient(135deg, #FF5AD0 11%, #EE1289 93%);

 

HEX #FF5AD0 sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #FF5AD0 2%, #EE1289 95%);

Linéaire

HEX #EE1289 sur HEX #DD0076


Code CSS:

background-image: linear-gradient(135deg, #EE1289 9%, #DD0076 91%);

Radial

HEX #EE1289 sur HEX #DD0076


Code CSS:

background-image: radial-gradient(circle, #EE1289 5%, #DD0076 97%);

 

HEX #DD0076 sur HEX #EE1289


Code CSS:

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

 

HEX #DD0076 sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #DD0076 5%, #EE1289 91%);

 

HEX #EE1289 sur HEX #CC0063


Code CSS:

background-image: linear-gradient(135deg, #EE1289 4%, #CC0063 92%);

 

HEX #EE1289 sur HEX #CC0063


Code CSS:

background-image: radial-gradient(circle, #EE1289 1%, #CC0063 98%);

 

HEX #CC0063 sur HEX #EE1289


Code CSS:

background-image: linear-gradient(135deg, #CC0063 7%, #EE1289 88%);

 

HEX #CC0063 sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #CC0063 4%, #EE1289 96%);

 

HEX #EE1289 sur HEX #BB0050


Code CSS:

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

 

HEX #EE1289 sur HEX #BB0050


Code CSS:

background-image: radial-gradient(circle, #EE1289 8%, #BB0050 90%);

 

HEX #BB0050 sur HEX #EE1289


Code CSS:

background-image: linear-gradient(135deg, #BB0050 10%, #EE1289 97%);

 

HEX #BB0050 sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #BB0050 1%, #EE1289 90%);

 

HEX #EE1289 sur HEX #AA003D


Code CSS:

background-image: linear-gradient(135deg, #EE1289 4%, #AA003D 91%);

 

HEX #EE1289 sur HEX #AA003D


Code CSS:

background-image: radial-gradient(circle, #EE1289 5%, #AA003D 97%);

 

HEX #AA003D sur HEX #EE1289


Code CSS:

background-image: linear-gradient(135deg, #AA003D 11%, #EE1289 97%);

 

HEX #AA003D sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #AA003D 0%, #EE1289 90%);

Linéaire

HEX #EE1289 sur HEX #EE1065


Code CSS:

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

Radial

HEX #EE1289 sur HEX #EE1065


Code CSS:

background-image: radial-gradient(circle, #EE1289 2%, #EE1065 95%);

 

HEX #EE1065 sur HEX #EE1289


Code CSS:

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

 

HEX #EE1065 sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #EE1065 3%, #EE1289 100%);

 

HEX #EE1289 sur HEX #EE1040


Code CSS:

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

 

HEX #EE1289 sur HEX #EE1040


Code CSS:

background-image: radial-gradient(circle, #EE1289 9%, #EE1040 94%);

 

HEX #EE1040 sur HEX #EE1289


Code CSS:

background-image: linear-gradient(135deg, #EE1040 2%, #EE1289 92%);

 

HEX #EE1040 sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #EE1040 14%, #EE1289 93%);

 

HEX #EE1289 sur HEX #EE101B


Code CSS:

background-image: linear-gradient(135deg, #EE1289 2%, #EE101B 89%);

 

HEX #EE1289 sur HEX #EE101B


Code CSS:

background-image: radial-gradient(circle, #EE1289 0%, #EE101B 94%);

 

HEX #EE101B sur HEX #EE1289


Code CSS:

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

 

HEX #EE101B sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #EE101B 13%, #EE1289 95%);

 

HEX #EE1289 sur HEX #EE2A10


Code CSS:

background-image: linear-gradient(135deg, #EE1289 9%, #EE2A10 92%);

 

HEX #EE1289 sur HEX #EE2A10


Code CSS:

background-image: radial-gradient(circle, #EE1289 10%, #EE2A10 95%);

 

HEX #EE2A10 sur HEX #EE1289


Code CSS:

background-image: linear-gradient(135deg, #EE2A10 6%, #EE1289 92%);

 

HEX #EE2A10 sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #EE2A10 5%, #EE1289 91%);

Linéaire

HEX #EE1289 sur HEX #220314


Code CSS:

background-image: linear-gradient(135deg, #EE1289 8%, #220314 91%);

Radial

HEX #EE1289 sur HEX #220314


Code CSS:

background-image: radial-gradient(circle, #EE1289 3%, #220314 93%);

 

HEX #220314 sur HEX #EE1289


Code CSS:

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

 

HEX #220314 sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #220314 5%, #EE1289 89%);

 

HEX #EE1289 sur HEX #550631


Code CSS:

background-image: linear-gradient(135deg, #EE1289 14%, #550631 89%);

 

HEX #EE1289 sur HEX #550631


Code CSS:

background-image: radial-gradient(circle, #EE1289 9%, #550631 93%);

 

HEX #550631 sur HEX #EE1289


Code CSS:

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

 

HEX #550631 sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #550631 3%, #EE1289 99%);

 

HEX #EE1289 sur HEX #880A4E


Code CSS:

background-image: linear-gradient(135deg, #EE1289 10%, #880A4E 89%);

 

HEX #EE1289 sur HEX #880A4E


Code CSS:

background-image: radial-gradient(circle, #EE1289 13%, #880A4E 90%);

 

HEX #880A4E sur HEX #EE1289


Code CSS:

background-image: linear-gradient(135deg, #880A4E 10%, #EE1289 94%);

 

HEX #880A4E sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #880A4E 2%, #EE1289 86%);

 

HEX #EE1289 sur HEX #BB0E6C


Code CSS:

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

 

HEX #EE1289 sur HEX #BB0E6C


Code CSS:

background-image: radial-gradient(circle, #EE1289 6%, #BB0E6C 92%);

 

HEX #BB0E6C sur HEX #EE1289


Code CSS:

background-image: linear-gradient(135deg, #BB0E6C 2%, #EE1289 96%);

 

HEX #BB0E6C sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #BB0E6C 9%, #EE1289 95%);

Linéaire

HEX #EE1289 sur HEX #EEA010


Code CSS:

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

Radial

HEX #EE1289 sur HEX #EEA010


Code CSS:

background-image: radial-gradient(circle, #EE1289 8%, #EEA010 88%);

 

HEX #EEA010 sur HEX #EE1289


Code CSS:

background-image: linear-gradient(135deg, #EEA010 14%, #EE1289 94%);

 

HEX #EEA010 sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #EEA010 13%, #EE1289 86%);

 

HEX #EE1289 sur HEX #10E3EE


Code CSS:

background-image: linear-gradient(135deg, #EE1289 3%, #10E3EE 86%);

 

HEX #EE1289 sur HEX #10E3EE


Code CSS:

background-image: radial-gradient(circle, #EE1289 3%, #10E3EE 98%);

 

HEX #10E3EE sur HEX #EE1289


Code CSS:

background-image: linear-gradient(135deg, #10E3EE 0%, #EE1289 98%);

 

HEX #10E3EE sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #10E3EE 2%, #EE1289 92%);

Linéaire

HEX #EE1289 sur HEX #8AEE10


Code CSS:

background-image: linear-gradient(135deg, #EE1289 11%, #8AEE10 88%);

Radial

HEX #EE1289 sur HEX #8AEE10


Code CSS:

background-image: radial-gradient(circle, #EE1289 11%, #8AEE10 99%);

 

HEX #8AEE10 sur HEX #EE1289


Code CSS:

background-image: linear-gradient(135deg, #8AEE10 1%, #EE1289 100%);

 

HEX #8AEE10 sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #8AEE10 4%, #EE1289 97%);

 

HEX #EE1289 sur HEX #108AEE


Code CSS:

background-image: linear-gradient(135deg, #EE1289 4%, #108AEE 91%);

 

HEX #EE1289 sur HEX #108AEE


Code CSS:

background-image: radial-gradient(circle, #EE1289 5%, #108AEE 88%);

 

HEX #108AEE sur HEX #EE1289


Code CSS:

background-image: linear-gradient(135deg, #108AEE 3%, #EE1289 91%);

 

HEX #108AEE sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #108AEE 5%, #EE1289 98%);

Linéaire

HEX #EE1289 sur HEX #EEA010


Code CSS:

background-image: linear-gradient(135deg, #EE1289 8%, #EEA010 97%);

Radial

HEX #EE1289 sur HEX #EEA010


Code CSS:

background-image: radial-gradient(circle, #EE1289 0%, #EEA010 99%);

 

HEX #EEA010 sur HEX #EE1289


Code CSS:

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

 

HEX #EEA010 sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #EEA010 10%, #EE1289 100%);

 

HEX #EE1289 sur HEX #10EE74


Code CSS:

background-image: linear-gradient(135deg, #EE1289 3%, #10EE74 94%);

 

HEX #EE1289 sur HEX #10EE74


Code CSS:

background-image: radial-gradient(circle, #EE1289 1%, #10EE74 96%);

 

HEX #10EE74 sur HEX #EE1289


Code CSS:

background-image: linear-gradient(135deg, #10EE74 0%, #EE1289 94%);

 

HEX #10EE74 sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #10EE74 6%, #EE1289 86%);

 

HEX #EE1289 sur HEX #105EEE


Code CSS:

background-image: linear-gradient(135deg, #EE1289 13%, #105EEE 89%);

 

HEX #EE1289 sur HEX #105EEE


Code CSS:

background-image: radial-gradient(circle, #EE1289 0%, #105EEE 99%);

 

HEX #105EEE sur HEX #EE1289


Code CSS:

background-image: linear-gradient(135deg, #105EEE 2%, #EE1289 88%);

 

HEX #105EEE sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #105EEE 2%, #EE1289 87%);

Linéaire

HEX #EE1289 sur HEX #EEE310


Code CSS:

background-image: linear-gradient(135deg, #EE1289 0%, #EEE310 97%);

Radial

HEX #EE1289 sur HEX #EEE310


Code CSS:

background-image: radial-gradient(circle, #EE1289 7%, #EEE310 91%);

 

HEX #EEE310 sur HEX #EE1289


Code CSS:

background-image: linear-gradient(135deg, #EEE310 12%, #EE1289 89%);

 

HEX #EEE310 sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #EEE310 11%, #EE1289 95%);

 

HEX #EE1289 sur HEX #10EE74


Code CSS:

background-image: linear-gradient(135deg, #EE1289 12%, #10EE74 93%);

 

HEX #EE1289 sur HEX #10EE74


Code CSS:

background-image: radial-gradient(circle, #EE1289 14%, #10EE74 86%);

 

HEX #10EE74 sur HEX #EE1289


Code CSS:

background-image: linear-gradient(135deg, #10EE74 1%, #EE1289 91%);

 

HEX #10EE74 sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #10EE74 1%, #EE1289 91%);

 

HEX #EE1289 sur HEX #101BEE


Code CSS:

background-image: linear-gradient(135deg, #EE1289 1%, #101BEE 98%);

 

HEX #EE1289 sur HEX #101BEE


Code CSS:

background-image: radial-gradient(circle, #EE1289 14%, #101BEE 90%);

 

HEX #101BEE sur HEX #EE1289


Code CSS:

background-image: linear-gradient(135deg, #101BEE 3%, #EE1289 92%);

 

HEX #101BEE sur HEX #EE1289


Code CSS:

background-image: radial-gradient(circle, #101BEE 1%, #EE1289 89%);

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, 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.