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

✕

CSS Gradients:
RGB 171 237 177

Information

ferme tous les

Dégradé de 2 couleurs - Couleur complémentaire

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.

Dégradé de 2 couleurs - Teintes plus claires

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.

Dégradé de 2 couleurs - Teintes plus foncées

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

Comme les valeurs chromatiques sont relativement élevées par rapport aux autres, cette teinte nous semble plus claire.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 171 Rouge, 237 Vert et 177 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.

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 28 cyan, pas de magenta, 25 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.

Vérification de leur palette de couleurs en tant que fabricant !

Offrez aux designers et aux agences des valeurs chromatiques précises.

Dégradé de 2 couleurs de RGB 171 237 177 - Couleur complémentaire

Linéaire

HEX #ABEDB1 sur HEX #54124E

Code CSS:

background-image: linear-gradient(135deg, #ABEDB1 13%, #54124E 98%);

Radial

HEX #ABEDB1 sur HEX #54124E

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 12%, #54124E 88%);

HEX #54124E sur HEX #ABEDB1

Code CSS:

background-image: linear-gradient(135deg, #54124E 1%, #ABEDB1 91%);

HEX #54124E sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #54124E 3%, #ABEDB1 98%);

Dégradé de 2 couleurs de RGB 171 237 177 - Teintes plus claires

Linéaire

HEX #ABEDB1 sur HEX #B7EDAA

Code CSS:

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

Radial

HEX #ABEDB1 sur HEX #B7EDAA

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 7%, #B7EDAA 94%);

HEX #B7EDAA sur HEX #ABEDB1

Code CSS:

background-image: linear-gradient(135deg, #B7EDAA 4%, #ABEDB1 89%);

HEX #B7EDAA sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #B7EDAA 7%, #ABEDB1 86%);

HEX #ABEDB1 sur HEX #AAEDB0

Code CSS:

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

HEX #ABEDB1 sur HEX #AAEDB0

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 8%, #AAEDB0 91%);

HEX #AAEDB0 sur HEX #ABEDB1

Code CSS:

background-image: linear-gradient(135deg, #AAEDB0 12%, #ABEDB1 92%);

HEX #AAEDB0 sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #AAEDB0 2%, #ABEDB1 96%);

HEX #ABEDB1 sur HEX #AAEDC2

Code CSS:

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

HEX #ABEDB1 sur HEX #AAEDC2

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 1%, #AAEDC2 97%);

HEX #AAEDC2 sur HEX #ABEDB1

Code CSS:

background-image: linear-gradient(135deg, #AAEDC2 12%, #ABEDB1 92%);

HEX #AAEDC2 sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #AAEDC2 4%, #ABEDB1 90%);

HEX #ABEDB1 sur HEX #AAEDD3

Code CSS:

background-image: linear-gradient(135deg, #ABEDB1 4%, #AAEDD3 89%);

HEX #ABEDB1 sur HEX #AAEDD3

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 4%, #AAEDD3 87%);

HEX #AAEDD3 sur HEX #ABEDB1

Code CSS:

background-image: linear-gradient(135deg, #AAEDD3 1%, #ABEDB1 95%);

HEX #AAEDD3 sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #AAEDD3 5%, #ABEDB1 90%);

Dégradé de 2 couleurs de RGB 171 237 177 - Teintes plus foncées

Linéaire

HEX #ABEDB1 sur HEX #88E591

Code CSS:

background-image: linear-gradient(135deg, #ABEDB1 11%, #88E591 92%);

Radial

HEX #ABEDB1 sur HEX #88E591

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 1%, #88E591 90%);

HEX #88E591 sur HEX #ABEDB1

Code CSS:

background-image: linear-gradient(135deg, #88E591 11%, #ABEDB1 93%);

HEX #88E591 sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #88E591 6%, #ABEDB1 92%);

HEX #ABEDB1 sur HEX #AAEDB0

Code CSS:

background-image: linear-gradient(135deg, #ABEDB1 14%, #AAEDB0 95%);

HEX #ABEDB1 sur HEX #AAEDB0

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 12%, #AAEDB0 87%);

HEX #AAEDB0 sur HEX #ABEDB1

Code CSS:

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

HEX #AAEDB0 sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #AAEDB0 10%, #ABEDB1 99%);

HEX #ABEDB1 sur HEX #CCF4D0

Code CSS:

background-image: linear-gradient(135deg, #ABEDB1 5%, #CCF4D0 96%);

HEX #ABEDB1 sur HEX #CCF4D0

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 12%, #CCF4D0 92%);

HEX #CCF4D0 sur HEX #ABEDB1

Code CSS:

background-image: linear-gradient(135deg, #CCF4D0 12%, #ABEDB1 98%);

HEX #CCF4D0 sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #CCF4D0 5%, #ABEDB1 89%);

HEX #ABEDB1 sur HEX #EEFBF0

Code CSS:

background-image: linear-gradient(135deg, #ABEDB1 2%, #EEFBF0 93%);

HEX #ABEDB1 sur HEX #EEFBF0

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 9%, #EEFBF0 100%);

HEX #EEFBF0 sur HEX #ABEDB1

Code CSS:

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

HEX #EEFBF0 sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #EEFBF0 4%, #ABEDB1 86%);

Dégradé de 2 couleurs de RGB 171 237 177 - Couleurs analogiques

Linéaire

HEX #ABEDB1 sur HEX #B7EDAA

Code CSS:

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

Radial

HEX #ABEDB1 sur HEX #B7EDAA

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 8%, #B7EDAA 86%);

HEX #B7EDAA sur HEX #ABEDB1

Code CSS:

background-image: linear-gradient(135deg, #B7EDAA 7%, #ABEDB1 97%);

HEX #B7EDAA sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #B7EDAA 11%, #ABEDB1 88%);

HEX #ABEDB1 sur HEX #AAEDB0

Code CSS:

background-image: linear-gradient(135deg, #ABEDB1 7%, #AAEDB0 95%);

HEX #ABEDB1 sur HEX #AAEDB0

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 10%, #AAEDB0 92%);

HEX #AAEDB0 sur HEX #ABEDB1

Code CSS:

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

HEX #AAEDB0 sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #AAEDB0 9%, #ABEDB1 95%);

HEX #ABEDB1 sur HEX #AAEDC2

Code CSS:

background-image: linear-gradient(135deg, #ABEDB1 2%, #AAEDC2 93%);

HEX #ABEDB1 sur HEX #AAEDC2

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 14%, #AAEDC2 99%);

HEX #AAEDC2 sur HEX #ABEDB1

Code CSS:

background-image: linear-gradient(135deg, #AAEDC2 4%, #ABEDB1 88%);

HEX #AAEDC2 sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #AAEDC2 8%, #ABEDB1 97%);

HEX #ABEDB1 sur HEX #AAEDD3

Code CSS:

background-image: linear-gradient(135deg, #ABEDB1 14%, #AAEDD3 92%);

HEX #ABEDB1 sur HEX #AAEDD3

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 2%, #AAEDD3 88%);

HEX #AAEDD3 sur HEX #ABEDB1

Code CSS:

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

HEX #AAEDD3 sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #AAEDD3 14%, #ABEDB1 97%);

Dégradé de 2 couleurs de RGB 171 237 177 - Couleurs monochromatiques

Linéaire

HEX #ABEDB1 sur HEX #88E591

Code CSS:

background-image: linear-gradient(135deg, #ABEDB1 1%, #88E591 87%);

Radial

HEX #ABEDB1 sur HEX #88E591

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 10%, #88E591 90%);

HEX #88E591 sur HEX #ABEDB1

Code CSS:

background-image: linear-gradient(135deg, #88E591 8%, #ABEDB1 99%);

HEX #88E591 sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #88E591 14%, #ABEDB1 92%);

HEX #ABEDB1 sur HEX #AAEDB0

Code CSS:

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

HEX #ABEDB1 sur HEX #AAEDB0

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 14%, #AAEDB0 95%);

HEX #AAEDB0 sur HEX #ABEDB1

Code CSS:

background-image: linear-gradient(135deg, #AAEDB0 4%, #ABEDB1 89%);

HEX #AAEDB0 sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #AAEDB0 11%, #ABEDB1 93%);

HEX #ABEDB1 sur HEX #CCF4D0

Code CSS:

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

HEX #ABEDB1 sur HEX #CCF4D0

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 8%, #CCF4D0 97%);

HEX #CCF4D0 sur HEX #ABEDB1

Code CSS:

background-image: linear-gradient(135deg, #CCF4D0 1%, #ABEDB1 87%);

HEX #CCF4D0 sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #CCF4D0 4%, #ABEDB1 89%);

HEX #ABEDB1 sur HEX #EEFBF0

Code CSS:

background-image: linear-gradient(135deg, #ABEDB1 10%, #EEFBF0 92%);

HEX #ABEDB1 sur HEX #EEFBF0

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 4%, #EEFBF0 88%);

HEX #EEFBF0 sur HEX #ABEDB1

Code CSS:

background-image: linear-gradient(135deg, #EEFBF0 8%, #ABEDB1 89%);

HEX #EEFBF0 sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #EEFBF0 12%, #ABEDB1 90%);

Dégradé de 2 couleurs de RGB 171 237 177 - Sous-complémentaire Couleurs

Linéaire

HEX #ABEDB1 sur HEX #AADAED

Code CSS:

background-image: linear-gradient(135deg, #ABEDB1 6%, #AADAED 89%);

Radial

HEX #ABEDB1 sur HEX #AADAED

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 13%, #AADAED 86%);

HEX #AADAED sur HEX #ABEDB1

Code CSS:

background-image: linear-gradient(135deg, #AADAED 0%, #ABEDB1 89%);

HEX #AADAED sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #AADAED 9%, #ABEDB1 86%);

HEX #ABEDB1 sur HEX #EDAABF

Code CSS:

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

HEX #ABEDB1 sur HEX #EDAABF

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 7%, #EDAABF 91%);

HEX #EDAABF sur HEX #ABEDB1

Code CSS:

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

HEX #EDAABF sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #EDAABF 11%, #ABEDB1 98%);

Dégradé de 2 couleurs de RGB 171 237 177 - Couleurs triadiques

Linéaire

HEX #ABEDB1 sur HEX #B0AAED

Code CSS:

background-image: linear-gradient(135deg, #ABEDB1 7%, #B0AAED 98%);

Radial

HEX #ABEDB1 sur HEX #B0AAED

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 13%, #B0AAED 96%);

HEX #B0AAED sur HEX #ABEDB1

Code CSS:

background-image: linear-gradient(135deg, #B0AAED 7%, #ABEDB1 97%);

HEX #B0AAED sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #B0AAED 14%, #ABEDB1 91%);

HEX #ABEDB1 sur HEX #EDB0AA

Code CSS:

background-image: linear-gradient(135deg, #ABEDB1 1%, #EDB0AA 99%);

HEX #ABEDB1 sur HEX #EDB0AA

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 7%, #EDB0AA 87%);

HEX #EDB0AA sur HEX #ABEDB1

Code CSS:

background-image: linear-gradient(135deg, #EDB0AA 10%, #ABEDB1 87%);

HEX #EDB0AA sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #EDB0AA 2%, #ABEDB1 98%);

Dégradé de 2 couleurs de RGB 171 237 177 - Couleurs rectangulaires (tétraédriques)

Linéaire

HEX #ABEDB1 sur HEX #AADAED

Code CSS:

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

Radial

HEX #ABEDB1 sur HEX #AADAED

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 14%, #AADAED 91%);

HEX #AADAED sur HEX #ABEDB1

Code CSS:

background-image: linear-gradient(135deg, #AADAED 9%, #ABEDB1 94%);

HEX #AADAED sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #AADAED 2%, #ABEDB1 94%);

HEX #ABEDB1 sur HEX #EDAAE7

Code CSS:

background-image: linear-gradient(135deg, #ABEDB1 0%, #EDAAE7 88%);

HEX #ABEDB1 sur HEX #EDAAE7

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 3%, #EDAAE7 92%);

HEX #EDAAE7 sur HEX #ABEDB1

Code CSS:

background-image: linear-gradient(135deg, #EDAAE7 5%, #ABEDB1 91%);

HEX #EDAAE7 sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #EDAAE7 7%, #ABEDB1 98%);

HEX #ABEDB1 sur HEX #EDBDAA

Code CSS:

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

HEX #ABEDB1 sur HEX #EDBDAA

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 12%, #EDBDAA 88%);

HEX #EDBDAA sur HEX #ABEDB1

Code CSS:

background-image: linear-gradient(135deg, #EDBDAA 10%, #ABEDB1 89%);

HEX #EDBDAA sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #EDBDAA 2%, #ABEDB1 87%);

Dégradé de 2 couleurs de RGB 171 237 177 - Couleurs carrées

Linéaire

HEX #ABEDB1 sur HEX #AAC6ED

Code CSS:

background-image: linear-gradient(135deg, #ABEDB1 5%, #AAC6ED 92%);

Radial

HEX #ABEDB1 sur HEX #AAC6ED

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 6%, #AAC6ED 97%);

HEX #AAC6ED sur HEX #ABEDB1

Code CSS:

background-image: linear-gradient(135deg, #AAC6ED 6%, #ABEDB1 100%);

HEX #AAC6ED sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #AAC6ED 5%, #ABEDB1 99%);

HEX #ABEDB1 sur HEX #EDAAE7

Code CSS:

background-image: linear-gradient(135deg, #ABEDB1 0%, #EDAAE7 99%);

HEX #ABEDB1 sur HEX #EDAAE7

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 9%, #EDAAE7 99%);

HEX #EDAAE7 sur HEX #ABEDB1

Code CSS:

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

HEX #EDAAE7 sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #EDAAE7 14%, #ABEDB1 88%);

HEX #ABEDB1 sur HEX #EDD1AA

Code CSS:

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

HEX #ABEDB1 sur HEX #EDD1AA

Code CSS:

background-image: radial-gradient(circle, #ABEDB1 5%, #EDD1AA 90%);

HEX #EDD1AA sur HEX #ABEDB1

Code CSS:

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

HEX #EDD1AA sur HEX #ABEDB1

Code CSS:

background-image: radial-gradient(circle, #EDD1AA 14%, #ABEDB1 94%);

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

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)

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 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)

HEX en RGB

convertir de #RRGGBB sur RGB rouge vert bleu

HEX en CMYK

convertir de #RRGGBB sur CMYK cyan / magenta / jaune / key

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)

RAL® en RGB

convertir de Numéro RAL® (RAL 0000) sur RGB rouge vert bleu

RAL® en CMYK

convertir de Numéro RAL® (RAL 0000) sur CMYK cyan / magenta / jaune / key

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)

HKS® en RGB

convertir de Numéro HKS® (HKS 00) sur RGB rouge vert bleu

HKS® en CMYK

convertir de Numéro HKS® (HKS 00) sur CMYK cyan / magenta / jaune / key

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)

PANTONE® en RGB

convertir de Numéro Pantone® (Pantone 0000) sur RGB rouge vert bleu

PANTONE® en CMYK

convertir de Numéro Pantone® (Pantone 0000) sur CMYK cyan / magenta / jaune / key

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)

Sherwin Williams® en RGB

convertir de Sherwin Williams® numéro (SW 0000) sur RGB rouge vert bleu

Sherwin Williams® en CMYK

convertir de Sherwin Williams® numéro (SW 0000) sur CMYK cyan / magenta / jaune / key

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)

NCS® en RGB

convertir de Numéro NCS (S0000-X00X) sur RGB rouge vert bleu

NCS® en CMYK

convertir de Numéro NCS (S0000-X00X) sur CMYK cyan / magenta / jaune / key

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)

NCS® en Sherwin Williams®

convertir de Numéro NCS (S0000-X00X) sur Sherwin Williams® numéro (SW 0000)

Codes

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.

Public

Color palette shared
Please copy and save the link you want.

Share

View

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

By clicking you can create palettes and download the color swatches.

The quick Converter and color manager.
The powerful color database for designers and agencies.

Solutions

Create CSS gradient

Create color palettes

Image to color palettes

Color of the week

Manufacturer colors

Project

About qConv.com

Designer

Tutorials & FAQ's

Manufacturer colors

Become a member

Legal