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

CSS Gradients:
#BA281ACE

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 domine nettement : la valeur du rouge est nettement supérieure à celle du vert et du bleu. 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 186 Rouge, 40 Vert et 26 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.
186 40 26 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, 64 magenta, 70 jaune et 22 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% 64% 70% 22% 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 #BA281ACE sur HEX #45D7E5CE


Code CSS:

background-image: linear-gradient(135deg, #BA281ACE 6%, #45D7E5CE 94%);

Radial

HEX #BA281ACE sur HEX #45D7E5CE


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 14%, #45D7E5CE 86%);

 

HEX #45D7E5CE sur HEX #BA281ACE


Code CSS:

background-image: linear-gradient(135deg, #45D7E5CE 14%, #BA281ACE 96%);

 

HEX #45D7E5CE sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #45D7E5CE 13%, #BA281ACE 86%);

Linéaire

HEX #BA281ACE sur HEX #BB1B38CE


Code CSS:

background-image: linear-gradient(135deg, #BA281ACE 9%, #BB1B38CE 95%);

Radial

HEX #BA281ACE sur HEX #BB1B38CE


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 10%, #BB1B38CE 92%);

 

HEX #BB1B38CE sur HEX #BA281ACE


Code CSS:

background-image: linear-gradient(135deg, #BB1B38CE 13%, #BA281ACE 90%);

 

HEX #BB1B38CE sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #BB1B38CE 4%, #BA281ACE 86%);

 

HEX #BA281ACE sur HEX #BB281BCE


Code CSS:

background-image: linear-gradient(135deg, #BA281ACE 3%, #BB281BCE 91%);

 

HEX #BA281ACE sur HEX #BB281BCE


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 11%, #BB281BCE 92%);

 

HEX #BB281BCE sur HEX #BA281ACE


Code CSS:

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

 

HEX #BB281BCE sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #BB281BCE 3%, #BA281ACE 100%);

 

HEX #BA281ACE sur HEX #BB531BCE


Code CSS:

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

 

HEX #BA281ACE sur HEX #BB531BCE


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 8%, #BB531BCE 97%);

 

HEX #BB531BCE sur HEX #BA281ACE


Code CSS:

background-image: linear-gradient(135deg, #BB531BCE 9%, #BA281ACE 96%);

 

HEX #BB531BCE sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #BB531BCE 7%, #BA281ACE 98%);

 

HEX #BA281ACE sur HEX #BB7E1BCE


Code CSS:

background-image: linear-gradient(135deg, #BA281ACE 2%, #BB7E1BCE 86%);

 

HEX #BA281ACE sur HEX #BB7E1BCE


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 10%, #BB7E1BCE 91%);

 

HEX #BB7E1BCE sur HEX #BA281ACE


Code CSS:

background-image: linear-gradient(135deg, #BB7E1BCE 14%, #BA281ACE 86%);

 

HEX #BB7E1BCE sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #BB7E1BCE 13%, #BA281ACE 99%);

Linéaire

HEX #BA281ACE sur HEX #972116


Code CSS:

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

Radial

HEX #BA281ACE sur HEX #972116


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 0%, #972116 92%);

 

HEX #972116 sur HEX #BA281ACE


Code CSS:

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

 

HEX #972116 sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #972116 0%, #BA281ACE 95%);

 

HEX #BA281ACE sur HEX #BB291B


Code CSS:

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

 

HEX #BA281ACE sur HEX #BB291B


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 1%, #BB291B 97%);

 

HEX #BB291B sur HEX #BA281ACE


Code CSS:

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

 

HEX #BB291B sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #BB291B 4%, #BA281ACE 96%);

 

HEX #BA281ACE sur HEX #DF3120


Code CSS:

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

 

HEX #BA281ACE sur HEX #DF3120


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 12%, #DF3120 90%);

 

HEX #DF3120 sur HEX #BA281ACE


Code CSS:

background-image: linear-gradient(135deg, #DF3120 11%, #BA281ACE 99%);

 

HEX #DF3120 sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #DF3120 12%, #BA281ACE 86%);

 

HEX #BA281ACE sur HEX #E45244


Code CSS:

background-image: linear-gradient(135deg, #BA281ACE 9%, #E45244 96%);

 

HEX #BA281ACE sur HEX #E45244


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 3%, #E45244 92%);

 

HEX #E45244 sur HEX #BA281ACE


Code CSS:

background-image: linear-gradient(135deg, #E45244 9%, #BA281ACE 96%);

 

HEX #E45244 sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #E45244 3%, #BA281ACE 90%);

Linéaire

HEX #BA281ACE sur HEX #BB1B38CE


Code CSS:

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

Radial

HEX #BA281ACE sur HEX #BB1B38CE


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 13%, #BB1B38CE 98%);

 

HEX #BB1B38CE sur HEX #BA281ACE


Code CSS:

background-image: linear-gradient(135deg, #BB1B38CE 10%, #BA281ACE 98%);

 

HEX #BB1B38CE sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #BB1B38CE 1%, #BA281ACE 100%);

 

HEX #BA281ACE sur HEX #BB281BCE


Code CSS:

background-image: linear-gradient(135deg, #BA281ACE 12%, #BB281BCE 93%);

 

HEX #BA281ACE sur HEX #BB281BCE


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 5%, #BB281BCE 90%);

 

HEX #BB281BCE sur HEX #BA281ACE


Code CSS:

background-image: linear-gradient(135deg, #BB281BCE 8%, #BA281ACE 87%);

 

HEX #BB281BCE sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #BB281BCE 11%, #BA281ACE 87%);

 

HEX #BA281ACE sur HEX #BB531BCE


Code CSS:

background-image: linear-gradient(135deg, #BA281ACE 7%, #BB531BCE 99%);

 

HEX #BA281ACE sur HEX #BB531BCE


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 5%, #BB531BCE 92%);

 

HEX #BB531BCE sur HEX #BA281ACE


Code CSS:

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

 

HEX #BB531BCE sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #BB531BCE 13%, #BA281ACE 86%);

 

HEX #BA281ACE sur HEX #BB7E1BCE


Code CSS:

background-image: linear-gradient(135deg, #BA281ACE 7%, #BB7E1BCE 91%);

 

HEX #BA281ACE sur HEX #BB7E1BCE


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 7%, #BB7E1BCE 88%);

 

HEX #BB7E1BCE sur HEX #BA281ACE


Code CSS:

background-image: linear-gradient(135deg, #BB7E1BCE 8%, #BA281ACE 92%);

 

HEX #BB7E1BCE sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #BB7E1BCE 14%, #BA281ACE 89%);

Linéaire

HEX #BA281ACE sur HEX #972116


Code CSS:

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

Radial

HEX #BA281ACE sur HEX #972116


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 14%, #972116 90%);

 

HEX #972116 sur HEX #BA281ACE


Code CSS:

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

 

HEX #972116 sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #972116 1%, #BA281ACE 90%);

 

HEX #BA281ACE sur HEX #BB291B


Code CSS:

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

 

HEX #BA281ACE sur HEX #BB291B


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 4%, #BB291B 98%);

 

HEX #BB291B sur HEX #BA281ACE


Code CSS:

background-image: linear-gradient(135deg, #BB291B 9%, #BA281ACE 88%);

 

HEX #BB291B sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #BB291B 5%, #BA281ACE 95%);

 

HEX #BA281ACE sur HEX #DF3120


Code CSS:

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

 

HEX #BA281ACE sur HEX #DF3120


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 7%, #DF3120 86%);

 

HEX #DF3120 sur HEX #BA281ACE


Code CSS:

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

 

HEX #DF3120 sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #DF3120 7%, #BA281ACE 95%);

 

HEX #BA281ACE sur HEX #E45244


Code CSS:

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

 

HEX #BA281ACE sur HEX #E45244


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 6%, #E45244 93%);

 

HEX #E45244 sur HEX #BA281ACE


Code CSS:

background-image: linear-gradient(135deg, #E45244 6%, #BA281ACE 86%);

 

HEX #E45244 sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #E45244 13%, #BA281ACE 93%);

Linéaire

HEX #BA281ACE sur HEX #8EBB1B


Code CSS:

background-image: linear-gradient(135deg, #BA281ACE 13%, #8EBB1B 91%);

Radial

HEX #BA281ACE sur HEX #8EBB1B


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 14%, #8EBB1B 96%);

 

HEX #8EBB1B sur HEX #BA281ACE


Code CSS:

background-image: linear-gradient(135deg, #8EBB1B 7%, #BA281ACE 92%);

 

HEX #8EBB1B sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #8EBB1B 2%, #BA281ACE 90%);

 

HEX #BA281ACE sur HEX #1B4EBB


Code CSS:

background-image: linear-gradient(135deg, #BA281ACE 6%, #1B4EBB 92%);

 

HEX #BA281ACE sur HEX #1B4EBB


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 1%, #1B4EBB 93%);

 

HEX #1B4EBB sur HEX #BA281ACE


Code CSS:

background-image: linear-gradient(135deg, #1B4EBB 7%, #BA281ACE 89%);

 

HEX #1B4EBB sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #1B4EBB 11%, #BA281ACE 95%);

Linéaire

HEX #BA281ACE sur HEX #1BBB28


Code CSS:

background-image: linear-gradient(135deg, #BA281ACE 10%, #1BBB28 97%);

Radial

HEX #BA281ACE sur HEX #1BBB28


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 10%, #1BBB28 86%);

 

HEX #1BBB28 sur HEX #BA281ACE


Code CSS:

background-image: linear-gradient(135deg, #1BBB28 0%, #BA281ACE 100%);

 

HEX #1BBB28 sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #1BBB28 10%, #BA281ACE 92%);

 

HEX #BA281ACE sur HEX #281BBB


Code CSS:

background-image: linear-gradient(135deg, #BA281ACE 4%, #281BBB 99%);

 

HEX #BA281ACE sur HEX #281BBB


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 6%, #281BBB 90%);

 

HEX #281BBB sur HEX #BA281ACE


Code CSS:

background-image: linear-gradient(135deg, #281BBB 4%, #BA281ACE 93%);

 

HEX #281BBB sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #281BBB 9%, #BA281ACE 95%);

Linéaire

HEX #BA281ACE sur HEX #8EBB1B


Code CSS:

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

Radial

HEX #BA281ACE sur HEX #8EBB1B


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 5%, #8EBB1B 97%);

 

HEX #8EBB1B sur HEX #BA281ACE


Code CSS:

background-image: linear-gradient(135deg, #8EBB1B 12%, #BA281ACE 100%);

 

HEX #8EBB1B sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #8EBB1B 10%, #BA281ACE 99%);

 

HEX #BA281ACE sur HEX #1BAEBB


Code CSS:

background-image: linear-gradient(135deg, #BA281ACE 10%, #1BAEBB 100%);

 

HEX #BA281ACE sur HEX #1BAEBB


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 13%, #1BAEBB 86%);

 

HEX #1BAEBB sur HEX #BA281ACE


Code CSS:

background-image: linear-gradient(135deg, #1BAEBB 6%, #BA281ACE 96%);

 

HEX #1BAEBB sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #1BAEBB 14%, #BA281ACE 95%);

 

HEX #BA281ACE sur HEX #481BBB


Code CSS:

background-image: linear-gradient(135deg, #BA281ACE 7%, #481BBB 99%);

 

HEX #BA281ACE sur HEX #481BBB


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 10%, #481BBB 86%);

 

HEX #481BBB sur HEX #BA281ACE


Code CSS:

background-image: linear-gradient(135deg, #481BBB 2%, #BA281ACE 92%);

 

HEX #481BBB sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #481BBB 5%, #BA281ACE 91%);

Linéaire

HEX #BA281ACE sur HEX #5EBB1B


Code CSS:

background-image: linear-gradient(135deg, #BA281ACE 11%, #5EBB1B 89%);

Radial

HEX #BA281ACE sur HEX #5EBB1B


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 1%, #5EBB1B 93%);

 

HEX #5EBB1B sur HEX #BA281ACE


Code CSS:

background-image: linear-gradient(135deg, #5EBB1B 7%, #BA281ACE 86%);

 

HEX #5EBB1B sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #5EBB1B 13%, #BA281ACE 93%);

 

HEX #BA281ACE sur HEX #1BAEBB


Code CSS:

background-image: linear-gradient(135deg, #BA281ACE 7%, #1BAEBB 98%);

 

HEX #BA281ACE sur HEX #1BAEBB


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 14%, #1BAEBB 97%);

 

HEX #1BAEBB sur HEX #BA281ACE


Code CSS:

background-image: linear-gradient(135deg, #1BAEBB 4%, #BA281ACE 97%);

 

HEX #1BAEBB sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #1BAEBB 3%, #BA281ACE 88%);

 

HEX #BA281ACE sur HEX #781BBB


Code CSS:

background-image: linear-gradient(135deg, #BA281ACE 13%, #781BBB 98%);

 

HEX #BA281ACE sur HEX #781BBB


Code CSS:

background-image: radial-gradient(circle, #BA281ACE 0%, #781BBB 92%);

 

HEX #781BBB sur HEX #BA281ACE


Code CSS:

background-image: linear-gradient(135deg, #781BBB 9%, #BA281ACE 89%);

 

HEX #781BBB sur HEX #BA281ACE


Code CSS:

background-image: radial-gradient(circle, #781BBB 10%, #BA281ACE 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.