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

CSS Gradients:
#ABCFA9

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 171 Rouge, 207 Vert et 169 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.
171 207 169 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 17 cyan, pas de magenta, 18 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.
17% 0% 18% 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 #ABCFA9 sur HEX #543056


Code CSS:

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

Radial

HEX #ABCFA9 sur HEX #543056


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 9%, #543056 88%);

 

HEX #543056 sur HEX #ABCFA9


Code CSS:

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

 

HEX #543056 sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #543056 7%, #ABCFA9 98%);

Linéaire

HEX #ABCFA9 sur HEX #B7CFAA


Code CSS:

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

Radial

HEX #ABCFA9 sur HEX #B7CFAA


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 11%, #B7CFAA 92%);

 

HEX #B7CFAA sur HEX #ABCFA9


Code CSS:

background-image: linear-gradient(135deg, #B7CFAA 7%, #ABCFA9 94%);

 

HEX #B7CFAA sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #B7CFAA 10%, #ABCFA9 93%);

 

HEX #ABCFA9 sur HEX #ADCFAA


Code CSS:

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

 

HEX #ABCFA9 sur HEX #ADCFAA


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 12%, #ADCFAA 87%);

 

HEX #ADCFAA sur HEX #ABCFA9


Code CSS:

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

 

HEX #ADCFAA sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #ADCFAA 2%, #ABCFA9 95%);

 

HEX #ABCFA9 sur HEX #AACFB2


Code CSS:

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

 

HEX #ABCFA9 sur HEX #AACFB2


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 12%, #AACFB2 99%);

 

HEX #AACFB2 sur HEX #ABCFA9


Code CSS:

background-image: linear-gradient(135deg, #AACFB2 10%, #ABCFA9 91%);

 

HEX #AACFB2 sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #AACFB2 12%, #ABCFA9 88%);

 

HEX #ABCFA9 sur HEX #AACFBB


Code CSS:

background-image: linear-gradient(135deg, #ABCFA9 2%, #AACFBB 100%);

 

HEX #ABCFA9 sur HEX #AACFBB


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 14%, #AACFBB 95%);

 

HEX #AACFBB sur HEX #ABCFA9


Code CSS:

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

 

HEX #AACFBB sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #AACFBB 1%, #ABCFA9 88%);

Linéaire

HEX #ABCFA9 sur HEX #92C090


Code CSS:

background-image: linear-gradient(135deg, #ABCFA9 7%, #92C090 95%);

Radial

HEX #ABCFA9 sur HEX #92C090


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 12%, #92C090 97%);

 

HEX #92C090 sur HEX #ABCFA9


Code CSS:

background-image: linear-gradient(135deg, #92C090 3%, #ABCFA9 91%);

 

HEX #92C090 sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #92C090 5%, #ABCFA9 90%);

 

HEX #ABCFA9 sur HEX #ACCFAA


Code CSS:

background-image: linear-gradient(135deg, #ABCFA9 8%, #ACCFAA 86%);

 

HEX #ABCFA9 sur HEX #ACCFAA


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 6%, #ACCFAA 96%);

 

HEX #ACCFAA sur HEX #ABCFA9


Code CSS:

background-image: linear-gradient(135deg, #ACCFAA 12%, #ABCFA9 99%);

 

HEX #ACCFAA sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #ACCFAA 0%, #ABCFA9 90%);

 

HEX #ABCFA9 sur HEX #C6DEC5


Code CSS:

background-image: linear-gradient(135deg, #ABCFA9 4%, #C6DEC5 86%);

 

HEX #ABCFA9 sur HEX #C6DEC5


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 6%, #C6DEC5 100%);

 

HEX #C6DEC5 sur HEX #ABCFA9


Code CSS:

background-image: linear-gradient(135deg, #C6DEC5 5%, #ABCFA9 87%);

 

HEX #C6DEC5 sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #C6DEC5 11%, #ABCFA9 86%);

 

HEX #ABCFA9 sur HEX #E0EDDF


Code CSS:

background-image: linear-gradient(135deg, #ABCFA9 0%, #E0EDDF 90%);

 

HEX #ABCFA9 sur HEX #E0EDDF


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 13%, #E0EDDF 100%);

 

HEX #E0EDDF sur HEX #ABCFA9


Code CSS:

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

 

HEX #E0EDDF sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #E0EDDF 2%, #ABCFA9 86%);

Linéaire

HEX #ABCFA9 sur HEX #B7CFAA


Code CSS:

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

Radial

HEX #ABCFA9 sur HEX #B7CFAA


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 9%, #B7CFAA 92%);

 

HEX #B7CFAA sur HEX #ABCFA9


Code CSS:

background-image: linear-gradient(135deg, #B7CFAA 5%, #ABCFA9 93%);

 

HEX #B7CFAA sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #B7CFAA 4%, #ABCFA9 98%);

 

HEX #ABCFA9 sur HEX #ADCFAA


Code CSS:

background-image: linear-gradient(135deg, #ABCFA9 14%, #ADCFAA 100%);

 

HEX #ABCFA9 sur HEX #ADCFAA


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 3%, #ADCFAA 90%);

 

HEX #ADCFAA sur HEX #ABCFA9


Code CSS:

background-image: linear-gradient(135deg, #ADCFAA 4%, #ABCFA9 96%);

 

HEX #ADCFAA sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #ADCFAA 1%, #ABCFA9 93%);

 

HEX #ABCFA9 sur HEX #AACFB2


Code CSS:

background-image: linear-gradient(135deg, #ABCFA9 0%, #AACFB2 90%);

 

HEX #ABCFA9 sur HEX #AACFB2


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 3%, #AACFB2 86%);

 

HEX #AACFB2 sur HEX #ABCFA9


Code CSS:

background-image: linear-gradient(135deg, #AACFB2 8%, #ABCFA9 90%);

 

HEX #AACFB2 sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #AACFB2 10%, #ABCFA9 94%);

 

HEX #ABCFA9 sur HEX #AACFBB


Code CSS:

background-image: linear-gradient(135deg, #ABCFA9 14%, #AACFBB 100%);

 

HEX #ABCFA9 sur HEX #AACFBB


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 13%, #AACFBB 88%);

 

HEX #AACFBB sur HEX #ABCFA9


Code CSS:

background-image: linear-gradient(135deg, #AACFBB 11%, #ABCFA9 97%);

 

HEX #AACFBB sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #AACFBB 8%, #ABCFA9 92%);

Linéaire

HEX #ABCFA9 sur HEX #92C090


Code CSS:

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

Radial

HEX #ABCFA9 sur HEX #92C090


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 11%, #92C090 100%);

 

HEX #92C090 sur HEX #ABCFA9


Code CSS:

background-image: linear-gradient(135deg, #92C090 9%, #ABCFA9 86%);

 

HEX #92C090 sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #92C090 4%, #ABCFA9 96%);

 

HEX #ABCFA9 sur HEX #ACCFAA


Code CSS:

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

 

HEX #ABCFA9 sur HEX #ACCFAA


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 2%, #ACCFAA 93%);

 

HEX #ACCFAA sur HEX #ABCFA9


Code CSS:

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

 

HEX #ACCFAA sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #ACCFAA 12%, #ABCFA9 99%);

 

HEX #ABCFA9 sur HEX #C6DEC5


Code CSS:

background-image: linear-gradient(135deg, #ABCFA9 9%, #C6DEC5 97%);

 

HEX #ABCFA9 sur HEX #C6DEC5


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 3%, #C6DEC5 99%);

 

HEX #C6DEC5 sur HEX #ABCFA9


Code CSS:

background-image: linear-gradient(135deg, #C6DEC5 10%, #ABCFA9 91%);

 

HEX #C6DEC5 sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #C6DEC5 0%, #ABCFA9 94%);

 

HEX #ABCFA9 sur HEX #E0EDDF


Code CSS:

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

 

HEX #ABCFA9 sur HEX #E0EDDF


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 11%, #E0EDDF 91%);

 

HEX #E0EDDF sur HEX #ABCFA9


Code CSS:

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

 

HEX #E0EDDF sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #E0EDDF 11%, #ABCFA9 99%);

Linéaire

HEX #ABCFA9 sur HEX #AACACF


Code CSS:

background-image: linear-gradient(135deg, #ABCFA9 1%, #AACACF 93%);

Radial

HEX #ABCFA9 sur HEX #AACACF


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 14%, #AACACF 86%);

 

HEX #AACACF sur HEX #ABCFA9


Code CSS:

background-image: linear-gradient(135deg, #AACACF 1%, #ABCFA9 88%);

 

HEX #AACACF sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #AACACF 9%, #ABCFA9 91%);

 

HEX #ABCFA9 sur HEX #CFAABB


Code CSS:

background-image: linear-gradient(135deg, #ABCFA9 10%, #CFAABB 93%);

 

HEX #ABCFA9 sur HEX #CFAABB


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 4%, #CFAABB 100%);

 

HEX #CFAABB sur HEX #ABCFA9


Code CSS:

background-image: linear-gradient(135deg, #CFAABB 0%, #ABCFA9 86%);

 

HEX #CFAABB sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #CFAABB 9%, #ABCFA9 86%);

Linéaire

HEX #ABCFA9 sur HEX #AAADCF


Code CSS:

background-image: linear-gradient(135deg, #ABCFA9 1%, #AAADCF 93%);

Radial

HEX #ABCFA9 sur HEX #AAADCF


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 3%, #AAADCF 98%);

 

HEX #AAADCF sur HEX #ABCFA9


Code CSS:

background-image: linear-gradient(135deg, #AAADCF 8%, #ABCFA9 90%);

 

HEX #AAADCF sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #AAADCF 9%, #ABCFA9 92%);

 

HEX #ABCFA9 sur HEX #CFAAAD


Code CSS:

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

 

HEX #ABCFA9 sur HEX #CFAAAD


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 8%, #CFAAAD 91%);

 

HEX #CFAAAD sur HEX #ABCFA9


Code CSS:

background-image: linear-gradient(135deg, #CFAAAD 14%, #ABCFA9 89%);

 

HEX #CFAAAD sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #CFAAAD 1%, #ABCFA9 100%);

Linéaire

HEX #ABCFA9 sur HEX #AACACF


Code CSS:

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

Radial

HEX #ABCFA9 sur HEX #AACACF


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 7%, #AACACF 88%);

 

HEX #AACACF sur HEX #ABCFA9


Code CSS:

background-image: linear-gradient(135deg, #AACACF 1%, #ABCFA9 98%);

 

HEX #AACACF sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #AACACF 13%, #ABCFA9 96%);

 

HEX #ABCFA9 sur HEX #CDAACF


Code CSS:

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

 

HEX #ABCFA9 sur HEX #CDAACF


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 1%, #CDAACF 94%);

 

HEX #CDAACF sur HEX #ABCFA9


Code CSS:

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

 

HEX #CDAACF sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #CDAACF 4%, #ABCFA9 96%);

 

HEX #ABCFA9 sur HEX #CFAFAA


Code CSS:

background-image: linear-gradient(135deg, #ABCFA9 5%, #CFAFAA 87%);

 

HEX #ABCFA9 sur HEX #CFAFAA


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 3%, #CFAFAA 95%);

 

HEX #CFAFAA sur HEX #ABCFA9


Code CSS:

background-image: linear-gradient(135deg, #CFAFAA 0%, #ABCFA9 100%);

 

HEX #CFAFAA sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #CFAFAA 5%, #ABCFA9 86%);

Linéaire

HEX #ABCFA9 sur HEX #AABFCF


Code CSS:

background-image: linear-gradient(135deg, #ABCFA9 3%, #AABFCF 99%);

Radial

HEX #ABCFA9 sur HEX #AABFCF


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 0%, #AABFCF 94%);

 

HEX #AABFCF sur HEX #ABCFA9


Code CSS:

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

 

HEX #AABFCF sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #AABFCF 8%, #ABCFA9 99%);

 

HEX #ABCFA9 sur HEX #CDAACF


Code CSS:

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

 

HEX #ABCFA9 sur HEX #CDAACF


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 1%, #CDAACF 87%);

 

HEX #CDAACF sur HEX #ABCFA9


Code CSS:

background-image: linear-gradient(135deg, #CDAACF 10%, #ABCFA9 100%);

 

HEX #CDAACF sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #CDAACF 3%, #ABCFA9 93%);

 

HEX #ABCFA9 sur HEX #CFBAAA


Code CSS:

background-image: linear-gradient(135deg, #ABCFA9 13%, #CFBAAA 91%);

 

HEX #ABCFA9 sur HEX #CFBAAA


Code CSS:

background-image: radial-gradient(circle, #ABCFA9 1%, #CFBAAA 95%);

 

HEX #CFBAAA sur HEX #ABCFA9


Code CSS:

background-image: linear-gradient(135deg, #CFBAAA 11%, #ABCFA9 94%);

 

HEX #CFBAAA sur HEX #ABCFA9


Code CSS:

background-image: radial-gradient(circle, #CFBAAA 2%, #ABCFA9 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)

Pour pouvoir enregistrer les palettes de couleurs, une inscription est nécessaire.

Se connecter à votre compte

ou

Créer un compte

Partager la palette de couleurs actuelle
Doit-elle être publique ou privée?
Les liens suivent après le partage.

Annuler Partager

Palette de couleurs partagée
Veuillez copier et enregistrer le lien souhaité.

Partager

OK, j'ai copié les liens

Vos couleurs sont enregistrées dans une nouvelle palette de couleurs.
Vous pouvez la consulter sous votre profil.
Vous pouvez la personnaliser davantage, et la partager.

Afficher la palette de couleurs
Fermer

Créer une palette de couleurs

TéléchargerTélécharger dans différents formats

Tout supprimer

En cliquant sur , vous pouvez créer des palettes et télécharger les nuanciers.