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

CSS Gradients:
#CD93FACE

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 205 Rouge, 147 Vert et 250 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.
205 147 250 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 15 cyan, 33 magenta, pas de jaune et 2 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.
15% 33% 0% 2% 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 #CD93FACE sur HEX #326C05CE


Code CSS:

background-image: linear-gradient(135deg, #CD93FACE 4%, #326C05CE 89%);

Radial

HEX #CD93FACE sur HEX #326C05CE


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 7%, #326C05CE 87%);

 

HEX #326C05CE sur HEX #CD93FACE


Code CSS:

background-image: linear-gradient(135deg, #326C05CE 5%, #CD93FACE 95%);

 

HEX #326C05CE sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #326C05CE 0%, #CD93FACE 91%);

Linéaire

HEX #CD93FACE sur HEX #B194FACE


Code CSS:

background-image: linear-gradient(135deg, #CD93FACE 5%, #B194FACE 98%);

Radial

HEX #CD93FACE sur HEX #B194FACE


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 1%, #B194FACE 90%);

 

HEX #B194FACE sur HEX #CD93FACE


Code CSS:

background-image: linear-gradient(135deg, #B194FACE 3%, #CD93FACE 90%);

 

HEX #B194FACE sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #B194FACE 3%, #CD93FACE 93%);

 

HEX #CD93FACE sur HEX #CC94FACE


Code CSS:

background-image: linear-gradient(135deg, #CD93FACE 1%, #CC94FACE 97%);

 

HEX #CD93FACE sur HEX #CC94FACE


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 12%, #CC94FACE 99%);

 

HEX #CC94FACE sur HEX #CD93FACE


Code CSS:

background-image: linear-gradient(135deg, #CC94FACE 12%, #CD93FACE 95%);

 

HEX #CC94FACE sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #CC94FACE 3%, #CD93FACE 94%);

 

HEX #CD93FACE sur HEX #E794FACE


Code CSS:

background-image: linear-gradient(135deg, #CD93FACE 2%, #E794FACE 90%);

 

HEX #CD93FACE sur HEX #E794FACE


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 5%, #E794FACE 92%);

 

HEX #E794FACE sur HEX #CD93FACE


Code CSS:

background-image: linear-gradient(135deg, #E794FACE 7%, #CD93FACE 96%);

 

HEX #E794FACE sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #E794FACE 2%, #CD93FACE 92%);

 

HEX #CD93FACE sur HEX #FA94F1CE


Code CSS:

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

 

HEX #CD93FACE sur HEX #FA94F1CE


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 12%, #FA94F1CE 89%);

 

HEX #FA94F1CE sur HEX #CD93FACE


Code CSS:

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

 

HEX #FA94F1CE sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #FA94F1CE 0%, #CD93FACE 91%);

Linéaire

HEX #CD93FACE sur HEX #BB6CF8


Code CSS:

background-image: linear-gradient(135deg, #CD93FACE 14%, #BB6CF8 99%);

Radial

HEX #CD93FACE sur HEX #BB6CF8


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 10%, #BB6CF8 98%);

 

HEX #BB6CF8 sur HEX #CD93FACE


Code CSS:

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

 

HEX #BB6CF8 sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #BB6CF8 8%, #CD93FACE 100%);

 

HEX #CD93FACE sur HEX #CD94FA


Code CSS:

background-image: linear-gradient(135deg, #CD93FACE 1%, #CD94FA 86%);

 

HEX #CD93FACE sur HEX #CD94FA


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 2%, #CD94FA 91%);

 

HEX #CD94FA sur HEX #CD93FACE


Code CSS:

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

 

HEX #CD94FA sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #CD94FA 13%, #CD93FACE 91%);

 

HEX #CD93FACE sur HEX #E0BBFC


Code CSS:

background-image: linear-gradient(135deg, #CD93FACE 5%, #E0BBFC 86%);

 

HEX #CD93FACE sur HEX #E0BBFC


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 13%, #E0BBFC 93%);

 

HEX #E0BBFC sur HEX #CD93FACE


Code CSS:

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

 

HEX #E0BBFC sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #E0BBFC 5%, #CD93FACE 89%);

 

HEX #CD93FACE sur HEX #F2E3FE


Code CSS:

background-image: linear-gradient(135deg, #CD93FACE 3%, #F2E3FE 100%);

 

HEX #CD93FACE sur HEX #F2E3FE


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 13%, #F2E3FE 94%);

 

HEX #F2E3FE sur HEX #CD93FACE


Code CSS:

background-image: linear-gradient(135deg, #F2E3FE 6%, #CD93FACE 98%);

 

HEX #F2E3FE sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #F2E3FE 12%, #CD93FACE 86%);

Linéaire

HEX #CD93FACE sur HEX #B194FACE


Code CSS:

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

Radial

HEX #CD93FACE sur HEX #B194FACE


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 2%, #B194FACE 86%);

 

HEX #B194FACE sur HEX #CD93FACE


Code CSS:

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

 

HEX #B194FACE sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #B194FACE 1%, #CD93FACE 88%);

 

HEX #CD93FACE sur HEX #CC94FACE


Code CSS:

background-image: linear-gradient(135deg, #CD93FACE 10%, #CC94FACE 95%);

 

HEX #CD93FACE sur HEX #CC94FACE


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 3%, #CC94FACE 95%);

 

HEX #CC94FACE sur HEX #CD93FACE


Code CSS:

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

 

HEX #CC94FACE sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #CC94FACE 8%, #CD93FACE 86%);

 

HEX #CD93FACE sur HEX #E794FACE


Code CSS:

background-image: linear-gradient(135deg, #CD93FACE 3%, #E794FACE 90%);

 

HEX #CD93FACE sur HEX #E794FACE


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 12%, #E794FACE 88%);

 

HEX #E794FACE sur HEX #CD93FACE


Code CSS:

background-image: linear-gradient(135deg, #E794FACE 1%, #CD93FACE 90%);

 

HEX #E794FACE sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #E794FACE 5%, #CD93FACE 90%);

 

HEX #CD93FACE sur HEX #FA94F1CE


Code CSS:

background-image: linear-gradient(135deg, #CD93FACE 0%, #FA94F1CE 91%);

 

HEX #CD93FACE sur HEX #FA94F1CE


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 1%, #FA94F1CE 89%);

 

HEX #FA94F1CE sur HEX #CD93FACE


Code CSS:

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

 

HEX #FA94F1CE sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #FA94F1CE 13%, #CD93FACE 87%);

Linéaire

HEX #CD93FACE sur HEX #BB6CF8


Code CSS:

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

Radial

HEX #CD93FACE sur HEX #BB6CF8


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 1%, #BB6CF8 93%);

 

HEX #BB6CF8 sur HEX #CD93FACE


Code CSS:

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

 

HEX #BB6CF8 sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #BB6CF8 12%, #CD93FACE 92%);

 

HEX #CD93FACE sur HEX #CD94FA


Code CSS:

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

 

HEX #CD93FACE sur HEX #CD94FA


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 8%, #CD94FA 89%);

 

HEX #CD94FA sur HEX #CD93FACE


Code CSS:

background-image: linear-gradient(135deg, #CD94FA 6%, #CD93FACE 98%);

 

HEX #CD94FA sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #CD94FA 6%, #CD93FACE 91%);

 

HEX #CD93FACE sur HEX #E0BBFC


Code CSS:

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

 

HEX #CD93FACE sur HEX #E0BBFC


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 3%, #E0BBFC 97%);

 

HEX #E0BBFC sur HEX #CD93FACE


Code CSS:

background-image: linear-gradient(135deg, #E0BBFC 14%, #CD93FACE 98%);

 

HEX #E0BBFC sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #E0BBFC 4%, #CD93FACE 99%);

 

HEX #CD93FACE sur HEX #F2E3FE


Code CSS:

background-image: linear-gradient(135deg, #CD93FACE 7%, #F2E3FE 86%);

 

HEX #CD93FACE sur HEX #F2E3FE


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 12%, #F2E3FE 99%);

 

HEX #F2E3FE sur HEX #CD93FACE


Code CSS:

background-image: linear-gradient(135deg, #F2E3FE 1%, #CD93FACE 89%);

 

HEX #F2E3FE sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #F2E3FE 14%, #CD93FACE 91%);

Linéaire

HEX #CD93FACE sur HEX #FA94AD


Code CSS:

background-image: linear-gradient(135deg, #CD93FACE 7%, #FA94AD 93%);

Radial

HEX #CD93FACE sur HEX #FA94AD


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 9%, #FA94AD 100%);

 

HEX #FA94AD sur HEX #CD93FACE


Code CSS:

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

 

HEX #FA94AD sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #FA94AD 4%, #CD93FACE 90%);

 

HEX #CD93FACE sur HEX #94FAA3


Code CSS:

background-image: linear-gradient(135deg, #CD93FACE 6%, #94FAA3 94%);

 

HEX #CD93FACE sur HEX #94FAA3


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 3%, #94FAA3 90%);

 

HEX #94FAA3 sur HEX #CD93FACE


Code CSS:

background-image: linear-gradient(135deg, #94FAA3 14%, #CD93FACE 95%);

 

HEX #94FAA3 sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #94FAA3 13%, #CD93FACE 100%);

Linéaire

HEX #CD93FACE sur HEX #FACC94


Code CSS:

background-image: linear-gradient(135deg, #CD93FACE 6%, #FACC94 87%);

Radial

HEX #CD93FACE sur HEX #FACC94


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 3%, #FACC94 91%);

 

HEX #FACC94 sur HEX #CD93FACE


Code CSS:

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

 

HEX #FACC94 sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #FACC94 13%, #CD93FACE 99%);

 

HEX #CD93FACE sur HEX #94FACC


Code CSS:

background-image: linear-gradient(135deg, #CD93FACE 12%, #94FACC 98%);

 

HEX #CD93FACE sur HEX #94FACC


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 7%, #94FACC 95%);

 

HEX #94FACC sur HEX #CD93FACE


Code CSS:

background-image: linear-gradient(135deg, #94FACC 1%, #CD93FACE 99%);

 

HEX #94FACC sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #94FACC 7%, #CD93FACE 90%);

Linéaire

HEX #CD93FACE sur HEX #FA94AD


Code CSS:

background-image: linear-gradient(135deg, #CD93FACE 13%, #FA94AD 99%);

Radial

HEX #CD93FACE sur HEX #FA94AD


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 7%, #FA94AD 88%);

 

HEX #FA94AD sur HEX #CD93FACE


Code CSS:

background-image: linear-gradient(135deg, #FA94AD 0%, #CD93FACE 95%);

 

HEX #FA94AD sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #FA94AD 11%, #CD93FACE 99%);

 

HEX #CD93FACE sur HEX #C2FA94


Code CSS:

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

 

HEX #CD93FACE sur HEX #C2FA94


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 0%, #C2FA94 97%);

 

HEX #C2FA94 sur HEX #CD93FACE


Code CSS:

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

 

HEX #C2FA94 sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #C2FA94 12%, #CD93FACE 95%);

 

HEX #CD93FACE sur HEX #94FAE0


Code CSS:

background-image: linear-gradient(135deg, #CD93FACE 3%, #94FAE0 98%);

 

HEX #CD93FACE sur HEX #94FAE0


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 14%, #94FAE0 88%);

 

HEX #94FAE0 sur HEX #CD93FACE


Code CSS:

background-image: linear-gradient(135deg, #94FAE0 7%, #CD93FACE 89%);

 

HEX #94FAE0 sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #94FAE0 12%, #CD93FACE 95%);

Linéaire

HEX #CD93FACE sur HEX #FA9994


Code CSS:

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

Radial

HEX #CD93FACE sur HEX #FA9994


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 9%, #FA9994 99%);

 

HEX #FA9994 sur HEX #CD93FACE


Code CSS:

background-image: linear-gradient(135deg, #FA9994 6%, #CD93FACE 97%);

 

HEX #FA9994 sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #FA9994 13%, #CD93FACE 95%);

 

HEX #CD93FACE sur HEX #C2FA94


Code CSS:

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

 

HEX #CD93FACE sur HEX #C2FA94


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 11%, #C2FA94 89%);

 

HEX #C2FA94 sur HEX #CD93FACE


Code CSS:

background-image: linear-gradient(135deg, #C2FA94 1%, #CD93FACE 89%);

 

HEX #C2FA94 sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #C2FA94 10%, #CD93FACE 94%);

 

HEX #CD93FACE sur HEX #94F5FA


Code CSS:

background-image: linear-gradient(135deg, #CD93FACE 5%, #94F5FA 98%);

 

HEX #CD93FACE sur HEX #94F5FA


Code CSS:

background-image: radial-gradient(circle, #CD93FACE 2%, #94F5FA 93%);

 

HEX #94F5FA sur HEX #CD93FACE


Code CSS:

background-image: linear-gradient(135deg, #94F5FA 14%, #CD93FACE 97%);

 

HEX #94F5FA sur HEX #CD93FACE


Code CSS:

background-image: radial-gradient(circle, #94F5FA 0%, #CD93FACE 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)

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.