Maintenant période d'offre NOTRE API A ETE EXPLOREE

Nouvel an : Obtenir notre API à prix réduit. Profitez-en dès maintenant. Profitez de résultats de conversion de couleurs plus détaillés - parfaits pour les projets web, les plug-ins, les outils internes ou les applications SaaS. Valable de 2025-12-31 à 2026-01-14 (23:59 CET) inclus.

Paquets API & prix X

CSS Gradients:
#4202CE

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 foncée : les valeurs de couleur basses paraissent plus sombres.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 66 Rouge, 2 Vert et 206 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.
66 2 206 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 68 cyan, 99 magenta, pas de jaune et 19 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.
68% 99% 0% 19% 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 #4202CE sur HEX #BDFD31


Code CSS:

background-image: linear-gradient(135deg, #4202CE 7%, #BDFD31 89%);

Radial

HEX #4202CE sur HEX #BDFD31


Code CSS:

background-image: radial-gradient(circle, #4202CE 8%, #BDFD31 99%);

 

HEX #BDFD31 sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #BDFD31 9%, #4202CE 92%);

 

HEX #BDFD31 sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #BDFD31 13%, #4202CE 97%);

Linéaire

HEX #4202CE sur HEX #0902CF


Code CSS:

background-image: linear-gradient(135deg, #4202CE 13%, #0902CF 90%);

Radial

HEX #4202CE sur HEX #0902CF


Code CSS:

background-image: radial-gradient(circle, #4202CE 6%, #0902CF 94%);

 

HEX #0902CF sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #0902CF 1%, #4202CE 92%);

 

HEX #0902CF sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #0902CF 1%, #4202CE 95%);

 

HEX #4202CE sur HEX #4002CF


Code CSS:

background-image: linear-gradient(135deg, #4202CE 1%, #4002CF 96%);

 

HEX #4202CE sur HEX #4002CF


Code CSS:

background-image: radial-gradient(circle, #4202CE 1%, #4002CF 95%);

 

HEX #4002CF sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #4002CF 9%, #4202CE 98%);

 

HEX #4002CF sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #4002CF 4%, #4202CE 95%);

 

HEX #4202CE sur HEX #7602CF


Code CSS:

background-image: linear-gradient(135deg, #4202CE 11%, #7602CF 98%);

 

HEX #4202CE sur HEX #7602CF


Code CSS:

background-image: radial-gradient(circle, #4202CE 2%, #7602CF 86%);

 

HEX #7602CF sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #7602CF 0%, #4202CE 95%);

 

HEX #7602CF sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #7602CF 5%, #4202CE 93%);

 

HEX #4202CE sur HEX #AD02CF


Code CSS:

background-image: linear-gradient(135deg, #4202CE 2%, #AD02CF 97%);

 

HEX #4202CE sur HEX #AD02CF


Code CSS:

background-image: radial-gradient(circle, #4202CE 2%, #AD02CF 92%);

 

HEX #AD02CF sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #AD02CF 3%, #4202CE 90%);

 

HEX #AD02CF sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #AD02CF 5%, #4202CE 96%);

Linéaire

HEX #4202CE sur HEX #3502A6


Code CSS:

background-image: linear-gradient(135deg, #4202CE 3%, #3502A6 94%);

Radial

HEX #4202CE sur HEX #3502A6


Code CSS:

background-image: radial-gradient(circle, #4202CE 4%, #3502A6 92%);

 

HEX #3502A6 sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #3502A6 6%, #4202CE 100%);

 

HEX #3502A6 sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #3502A6 9%, #4202CE 91%);

 

HEX #4202CE sur HEX #4202CF


Code CSS:

background-image: linear-gradient(135deg, #4202CE 9%, #4202CF 86%);

 

HEX #4202CE sur HEX #4202CF


Code CSS:

background-image: radial-gradient(circle, #4202CE 3%, #4202CF 98%);

 

HEX #4202CF sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #4202CF 6%, #4202CE 98%);

 

HEX #4202CF sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #4202CF 8%, #4202CE 93%);

 

HEX #4202CE sur HEX #4F03F8


Code CSS:

background-image: linear-gradient(135deg, #4202CE 7%, #4F03F8 90%);

 

HEX #4202CE sur HEX #4F03F8


Code CSS:

background-image: radial-gradient(circle, #4202CE 14%, #4F03F8 94%);

 

HEX #4F03F8 sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #4F03F8 10%, #4202CE 91%);

 

HEX #4F03F8 sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #4F03F8 6%, #4202CE 99%);

 

HEX #4202CE sur HEX #6A27FD


Code CSS:

background-image: linear-gradient(135deg, #4202CE 10%, #6A27FD 86%);

 

HEX #4202CE sur HEX #6A27FD


Code CSS:

background-image: radial-gradient(circle, #4202CE 7%, #6A27FD 94%);

 

HEX #6A27FD sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #6A27FD 13%, #4202CE 98%);

 

HEX #6A27FD sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #6A27FD 8%, #4202CE 93%);

Linéaire

HEX #4202CE sur HEX #0902CF


Code CSS:

background-image: linear-gradient(135deg, #4202CE 10%, #0902CF 89%);

Radial

HEX #4202CE sur HEX #0902CF


Code CSS:

background-image: radial-gradient(circle, #4202CE 11%, #0902CF 95%);

 

HEX #0902CF sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #0902CF 14%, #4202CE 89%);

 

HEX #0902CF sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #0902CF 4%, #4202CE 89%);

 

HEX #4202CE sur HEX #4002CF


Code CSS:

background-image: linear-gradient(135deg, #4202CE 12%, #4002CF 88%);

 

HEX #4202CE sur HEX #4002CF


Code CSS:

background-image: radial-gradient(circle, #4202CE 10%, #4002CF 87%);

 

HEX #4002CF sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #4002CF 2%, #4202CE 86%);

 

HEX #4002CF sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #4002CF 1%, #4202CE 90%);

 

HEX #4202CE sur HEX #7602CF


Code CSS:

background-image: linear-gradient(135deg, #4202CE 5%, #7602CF 94%);

 

HEX #4202CE sur HEX #7602CF


Code CSS:

background-image: radial-gradient(circle, #4202CE 12%, #7602CF 98%);

 

HEX #7602CF sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #7602CF 11%, #4202CE 94%);

 

HEX #7602CF sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #7602CF 8%, #4202CE 89%);

 

HEX #4202CE sur HEX #AD02CF


Code CSS:

background-image: linear-gradient(135deg, #4202CE 6%, #AD02CF 86%);

 

HEX #4202CE sur HEX #AD02CF


Code CSS:

background-image: radial-gradient(circle, #4202CE 4%, #AD02CF 98%);

 

HEX #AD02CF sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #AD02CF 12%, #4202CE 91%);

 

HEX #AD02CF sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #AD02CF 2%, #4202CE 89%);

Linéaire

HEX #4202CE sur HEX #3502A6


Code CSS:

background-image: linear-gradient(135deg, #4202CE 11%, #3502A6 99%);

Radial

HEX #4202CE sur HEX #3502A6


Code CSS:

background-image: radial-gradient(circle, #4202CE 6%, #3502A6 100%);

 

HEX #3502A6 sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #3502A6 4%, #4202CE 98%);

 

HEX #3502A6 sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #3502A6 10%, #4202CE 87%);

 

HEX #4202CE sur HEX #4202CF


Code CSS:

background-image: linear-gradient(135deg, #4202CE 5%, #4202CF 88%);

 

HEX #4202CE sur HEX #4202CF


Code CSS:

background-image: radial-gradient(circle, #4202CE 8%, #4202CF 100%);

 

HEX #4202CF sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #4202CF 14%, #4202CE 89%);

 

HEX #4202CF sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #4202CF 5%, #4202CE 88%);

 

HEX #4202CE sur HEX #4F03F8


Code CSS:

background-image: linear-gradient(135deg, #4202CE 7%, #4F03F8 94%);

 

HEX #4202CE sur HEX #4F03F8


Code CSS:

background-image: radial-gradient(circle, #4202CE 8%, #4F03F8 93%);

 

HEX #4F03F8 sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #4F03F8 9%, #4202CE 91%);

 

HEX #4F03F8 sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #4F03F8 14%, #4202CE 90%);

 

HEX #4202CE sur HEX #6A27FD


Code CSS:

background-image: linear-gradient(135deg, #4202CE 12%, #6A27FD 99%);

 

HEX #4202CE sur HEX #6A27FD


Code CSS:

background-image: radial-gradient(circle, #4202CE 3%, #6A27FD 86%);

 

HEX #6A27FD sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #6A27FD 11%, #4202CE 91%);

 

HEX #6A27FD sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #6A27FD 10%, #4202CE 89%);

Linéaire

HEX #4202CE sur HEX #CF0269


Code CSS:

background-image: linear-gradient(135deg, #4202CE 3%, #CF0269 91%);

Radial

HEX #4202CE sur HEX #CF0269


Code CSS:

background-image: radial-gradient(circle, #4202CE 0%, #CF0269 94%);

 

HEX #CF0269 sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #CF0269 14%, #4202CE 96%);

 

HEX #CF0269 sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #CF0269 5%, #4202CE 95%);

 

HEX #4202CE sur HEX #17CF02


Code CSS:

background-image: linear-gradient(135deg, #4202CE 7%, #17CF02 97%);

 

HEX #4202CE sur HEX #17CF02


Code CSS:

background-image: radial-gradient(circle, #4202CE 14%, #17CF02 95%);

 

HEX #17CF02 sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #17CF02 3%, #4202CE 97%);

 

HEX #17CF02 sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #17CF02 10%, #4202CE 86%);

Linéaire

HEX #4202CE sur HEX #CF4002


Code CSS:

background-image: linear-gradient(135deg, #4202CE 5%, #CF4002 97%);

Radial

HEX #4202CE sur HEX #CF4002


Code CSS:

background-image: radial-gradient(circle, #4202CE 14%, #CF4002 99%);

 

HEX #CF4002 sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #CF4002 6%, #4202CE 86%);

 

HEX #CF4002 sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #CF4002 4%, #4202CE 90%);

 

HEX #4202CE sur HEX #02CF40


Code CSS:

background-image: linear-gradient(135deg, #4202CE 2%, #02CF40 100%);

 

HEX #4202CE sur HEX #02CF40


Code CSS:

background-image: radial-gradient(circle, #4202CE 4%, #02CF40 100%);

 

HEX #02CF40 sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #02CF40 11%, #4202CE 99%);

 

HEX #02CF40 sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #02CF40 14%, #4202CE 96%);

Linéaire

HEX #4202CE sur HEX #CF0269


Code CSS:

background-image: linear-gradient(135deg, #4202CE 5%, #CF0269 90%);

Radial

HEX #4202CE sur HEX #CF0269


Code CSS:

background-image: radial-gradient(circle, #4202CE 8%, #CF0269 90%);

 

HEX #CF0269 sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #CF0269 1%, #4202CE 100%);

 

HEX #CF0269 sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #CF0269 8%, #4202CE 87%);

 

HEX #4202CE sur HEX #92CF02


Code CSS:

background-image: linear-gradient(135deg, #4202CE 2%, #92CF02 96%);

 

HEX #4202CE sur HEX #92CF02


Code CSS:

background-image: radial-gradient(circle, #4202CE 9%, #92CF02 89%);

 

HEX #92CF02 sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #92CF02 8%, #4202CE 97%);

 

HEX #92CF02 sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #92CF02 10%, #4202CE 86%);

 

HEX #4202CE sur HEX #02CF69


Code CSS:

background-image: linear-gradient(135deg, #4202CE 12%, #02CF69 100%);

 

HEX #4202CE sur HEX #02CF69


Code CSS:

background-image: radial-gradient(circle, #4202CE 7%, #02CF69 99%);

 

HEX #02CF69 sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #02CF69 14%, #4202CE 97%);

 

HEX #02CF69 sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #02CF69 14%, #4202CE 97%);

Linéaire

HEX #4202CE sur HEX #CF022B


Code CSS:

background-image: linear-gradient(135deg, #4202CE 0%, #CF022B 94%);

Radial

HEX #4202CE sur HEX #CF022B


Code CSS:

background-image: radial-gradient(circle, #4202CE 14%, #CF022B 92%);

 

HEX #CF022B sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #CF022B 13%, #4202CE 96%);

 

HEX #CF022B sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #CF022B 7%, #4202CE 99%);

 

HEX #4202CE sur HEX #92CF02


Code CSS:

background-image: linear-gradient(135deg, #4202CE 1%, #92CF02 92%);

 

HEX #4202CE sur HEX #92CF02


Code CSS:

background-image: radial-gradient(circle, #4202CE 6%, #92CF02 90%);

 

HEX #92CF02 sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #92CF02 12%, #4202CE 96%);

 

HEX #92CF02 sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #92CF02 13%, #4202CE 87%);

 

HEX #4202CE sur HEX #02CFA6


Code CSS:

background-image: linear-gradient(135deg, #4202CE 9%, #02CFA6 99%);

 

HEX #4202CE sur HEX #02CFA6


Code CSS:

background-image: radial-gradient(circle, #4202CE 4%, #02CFA6 95%);

 

HEX #02CFA6 sur HEX #4202CE


Code CSS:

background-image: linear-gradient(135deg, #02CFA6 4%, #4202CE 99%);

 

HEX #02CFA6 sur HEX #4202CE


Code CSS:

background-image: radial-gradient(circle, #02CFA6 5%, #4202CE 96%);

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.