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

CSS Gradients:
#74DBECCE

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 116 Rouge, 219 Vert et 236 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.
116 219 236 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 41 cyan, 6 magenta, pas de jaune et 6 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.
41% 6% 0% 6% 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 #74DBECCE sur HEX #8B2413CE


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 9%, #8B2413CE 100%);

Radial

HEX #74DBECCE sur HEX #8B2413CE


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 14%, #8B2413CE 86%);

 

HEX #8B2413CE sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #8B2413CE 11%, #74DBECCE 99%);

 

HEX #8B2413CE sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #8B2413CE 8%, #74DBECCE 96%);

Linéaire

HEX #74DBECCE sur HEX #74ECDCCE


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 4%, #74ECDCCE 97%);

Radial

HEX #74DBECCE sur HEX #74ECDCCE


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 6%, #74ECDCCE 98%);

 

HEX #74ECDCCE sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #74ECDCCE 10%, #74DBECCE 89%);

 

HEX #74ECDCCE sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #74ECDCCE 11%, #74DBECCE 88%);

 

HEX #74DBECCE sur HEX #74DCECCE


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 11%, #74DCECCE 93%);

 

HEX #74DBECCE sur HEX #74DCECCE


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 8%, #74DCECCE 93%);

 

HEX #74DCECCE sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #74DCECCE 7%, #74DBECCE 90%);

 

HEX #74DCECCE sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #74DCECCE 8%, #74DBECCE 86%);

 

HEX #74DBECCE sur HEX #74BCECCE


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 8%, #74BCECCE 97%);

 

HEX #74DBECCE sur HEX #74BCECCE


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 10%, #74BCECCE 100%);

 

HEX #74BCECCE sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #74BCECCE 2%, #74DBECCE 87%);

 

HEX #74BCECCE sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #74BCECCE 5%, #74DBECCE 95%);

 

HEX #74DBECCE sur HEX #749CECCE


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 0%, #749CECCE 92%);

 

HEX #74DBECCE sur HEX #749CECCE


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 5%, #749CECCE 91%);

 

HEX #749CECCE sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #749CECCE 10%, #74DBECCE 99%);

 

HEX #749CECCE sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #749CECCE 6%, #74DBECCE 96%);

Linéaire

HEX #74DBECCE sur HEX #50D2E7


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 1%, #50D2E7 97%);

Radial

HEX #74DBECCE sur HEX #50D2E7


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 4%, #50D2E7 96%);

 

HEX #50D2E7 sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #50D2E7 14%, #74DBECCE 90%);

 

HEX #50D2E7 sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #50D2E7 13%, #74DBECCE 88%);

 

HEX #74DBECCE sur HEX #74DBEC


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 12%, #74DBEC 88%);

 

HEX #74DBECCE sur HEX #74DBEC


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 7%, #74DBEC 95%);

 

HEX #74DBEC sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #74DBEC 13%, #74DBECCE 96%);

 

HEX #74DBEC sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #74DBEC 2%, #74DBECCE 86%);

 

HEX #74DBECCE sur HEX #98E4F1


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 8%, #98E4F1 90%);

 

HEX #74DBECCE sur HEX #98E4F1


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 1%, #98E4F1 95%);

 

HEX #98E4F1 sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #98E4F1 5%, #74DBECCE 97%);

 

HEX #98E4F1 sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #98E4F1 3%, #74DBECCE 98%);

 

HEX #74DBECCE sur HEX #BCEEF6


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 1%, #BCEEF6 88%);

 

HEX #74DBECCE sur HEX #BCEEF6


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 14%, #BCEEF6 99%);

 

HEX #BCEEF6 sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #BCEEF6 3%, #74DBECCE 99%);

 

HEX #BCEEF6 sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #BCEEF6 14%, #74DBECCE 87%);

Linéaire

HEX #74DBECCE sur HEX #74ECDCCE


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 14%, #74ECDCCE 93%);

Radial

HEX #74DBECCE sur HEX #74ECDCCE


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 2%, #74ECDCCE 96%);

 

HEX #74ECDCCE sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #74ECDCCE 13%, #74DBECCE 89%);

 

HEX #74ECDCCE sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #74ECDCCE 2%, #74DBECCE 99%);

 

HEX #74DBECCE sur HEX #74DCECCE


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 0%, #74DCECCE 97%);

 

HEX #74DBECCE sur HEX #74DCECCE


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 4%, #74DCECCE 90%);

 

HEX #74DCECCE sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #74DCECCE 1%, #74DBECCE 95%);

 

HEX #74DCECCE sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #74DCECCE 5%, #74DBECCE 96%);

 

HEX #74DBECCE sur HEX #74BCECCE


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 7%, #74BCECCE 87%);

 

HEX #74DBECCE sur HEX #74BCECCE


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 5%, #74BCECCE 97%);

 

HEX #74BCECCE sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #74BCECCE 6%, #74DBECCE 89%);

 

HEX #74BCECCE sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #74BCECCE 4%, #74DBECCE 97%);

 

HEX #74DBECCE sur HEX #749CECCE


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 10%, #749CECCE 99%);

 

HEX #74DBECCE sur HEX #749CECCE


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 11%, #749CECCE 91%);

 

HEX #749CECCE sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #749CECCE 4%, #74DBECCE 87%);

 

HEX #749CECCE sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #749CECCE 9%, #74DBECCE 92%);

Linéaire

HEX #74DBECCE sur HEX #50D2E7


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 14%, #50D2E7 88%);

Radial

HEX #74DBECCE sur HEX #50D2E7


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 9%, #50D2E7 91%);

 

HEX #50D2E7 sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #50D2E7 10%, #74DBECCE 92%);

 

HEX #50D2E7 sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #50D2E7 5%, #74DBECCE 98%);

 

HEX #74DBECCE sur HEX #74DBEC


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 0%, #74DBEC 93%);

 

HEX #74DBECCE sur HEX #74DBEC


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 10%, #74DBEC 97%);

 

HEX #74DBEC sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #74DBEC 8%, #74DBECCE 91%);

 

HEX #74DBEC sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #74DBEC 12%, #74DBECCE 96%);

 

HEX #74DBECCE sur HEX #98E4F1


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 0%, #98E4F1 91%);

 

HEX #74DBECCE sur HEX #98E4F1


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 5%, #98E4F1 91%);

 

HEX #98E4F1 sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #98E4F1 4%, #74DBECCE 89%);

 

HEX #98E4F1 sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #98E4F1 5%, #74DBECCE 90%);

 

HEX #74DBECCE sur HEX #BCEEF6


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 0%, #BCEEF6 98%);

 

HEX #74DBECCE sur HEX #BCEEF6


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 0%, #BCEEF6 91%);

 

HEX #BCEEF6 sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #BCEEF6 4%, #74DBECCE 99%);

 

HEX #BCEEF6 sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #BCEEF6 0%, #74DBECCE 86%);

Linéaire

HEX #74DBECCE sur HEX #9C74EC


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 7%, #9C74EC 86%);

Radial

HEX #74DBECCE sur HEX #9C74EC


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 6%, #9C74EC 97%);

 

HEX #9C74EC sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #9C74EC 12%, #74DBECCE 88%);

 

HEX #9C74EC sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #9C74EC 0%, #74DBECCE 97%);

 

HEX #74DBECCE sur HEX #ECCC74


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 8%, #ECCC74 96%);

 

HEX #74DBECCE sur HEX #ECCC74


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 1%, #ECCC74 88%);

 

HEX #ECCC74 sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #ECCC74 8%, #74DBECCE 90%);

 

HEX #ECCC74 sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #ECCC74 0%, #74DBECCE 100%);

Linéaire

HEX #74DBECCE sur HEX #EC74DC


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 5%, #EC74DC 96%);

Radial

HEX #74DBECCE sur HEX #EC74DC


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 6%, #EC74DC 87%);

 

HEX #EC74DC sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #EC74DC 1%, #74DBECCE 97%);

 

HEX #EC74DC sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #EC74DC 4%, #74DBECCE 86%);

 

HEX #74DBECCE sur HEX #DCEC74


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 4%, #DCEC74 92%);

 

HEX #74DBECCE sur HEX #DCEC74


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 14%, #DCEC74 95%);

 

HEX #DCEC74 sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #DCEC74 13%, #74DBECCE 94%);

 

HEX #DCEC74 sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #DCEC74 11%, #74DBECCE 87%);

Linéaire

HEX #74DBECCE sur HEX #9C74EC


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 6%, #9C74EC 94%);

Radial

HEX #74DBECCE sur HEX #9C74EC


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 8%, #9C74EC 88%);

 

HEX #9C74EC sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #9C74EC 10%, #74DBECCE 94%);

 

HEX #9C74EC sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #9C74EC 12%, #74DBECCE 90%);

 

HEX #74DBECCE sur HEX #EC8474


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 1%, #EC8474 98%);

 

HEX #74DBECCE sur HEX #EC8474


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 11%, #EC8474 87%);

 

HEX #EC8474 sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #EC8474 12%, #74DBECCE 88%);

 

HEX #EC8474 sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #EC8474 13%, #74DBECCE 96%);

 

HEX #74DBECCE sur HEX #C4EC74


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 1%, #C4EC74 99%);

 

HEX #74DBECCE sur HEX #C4EC74


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 2%, #C4EC74 98%);

 

HEX #C4EC74 sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #C4EC74 1%, #74DBECCE 99%);

 

HEX #C4EC74 sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #C4EC74 5%, #74DBECCE 95%);

Linéaire

HEX #74DBECCE sur HEX #C074EC


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 5%, #C074EC 86%);

Radial

HEX #74DBECCE sur HEX #C074EC


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 11%, #C074EC 100%);

 

HEX #C074EC sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #C074EC 2%, #74DBECCE 95%);

 

HEX #C074EC sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #C074EC 11%, #74DBECCE 87%);

 

HEX #74DBECCE sur HEX #EC8474


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 11%, #EC8474 96%);

 

HEX #74DBECCE sur HEX #EC8474


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 5%, #EC8474 100%);

 

HEX #EC8474 sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #EC8474 13%, #74DBECCE 92%);

 

HEX #EC8474 sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #EC8474 12%, #74DBECCE 86%);

 

HEX #74DBECCE sur HEX #A0EC74


Code CSS:

background-image: linear-gradient(135deg, #74DBECCE 14%, #A0EC74 98%);

 

HEX #74DBECCE sur HEX #A0EC74


Code CSS:

background-image: radial-gradient(circle, #74DBECCE 9%, #A0EC74 98%);

 

HEX #A0EC74 sur HEX #74DBECCE


Code CSS:

background-image: linear-gradient(135deg, #A0EC74 10%, #74DBECCE 92%);

 

HEX #A0EC74 sur HEX #74DBECCE


Code CSS:

background-image: radial-gradient(circle, #A0EC74 7%, #74DBECCE 95%);

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.