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

CSS Gradients:
#FCC16670

Information

ferme tous les

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.

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.

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 252 Rouge, 193 Vert et 102 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.
252 193 102 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, 10 magenta, 26 jaune et 1 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% 10% 26% 1% 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 #FCC16670 sur HEX #033E9970


Code CSS:

background-image: linear-gradient(135deg, #FCC16670 4%, #033E9970 93%);

Radial

HEX #FCC16670 sur HEX #033E9970


Code CSS:

background-image: radial-gradient(circle, #FCC16670 5%, #033E9970 90%);

 

HEX #033E9970 sur HEX #FCC16670


Code CSS:

background-image: linear-gradient(135deg, #033E9970 12%, #FCC16670 91%);

 

HEX #033E9970 sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #033E9970 13%, #FCC16670 96%);

Linéaire

HEX #FCC16670 sur HEX #FFD37470


Code CSS:

background-image: linear-gradient(135deg, #FCC16670 4%, #FFD37470 87%);

Radial

HEX #FCC16670 sur HEX #FFD37470


Code CSS:

background-image: radial-gradient(circle, #FCC16670 1%, #FFD37470 92%);

 

HEX #FFD37470 sur HEX #FCC16670


Code CSS:

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

 

HEX #FFD37470 sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #FFD37470 8%, #FCC16670 98%);

 

HEX #FCC16670 sur HEX #FFE58770


Code CSS:

background-image: linear-gradient(135deg, #FCC16670 2%, #FFE58770 91%);

 

HEX #FCC16670 sur HEX #FFE58770


Code CSS:

background-image: radial-gradient(circle, #FCC16670 7%, #FFE58770 86%);

 

HEX #FFE58770 sur HEX #FCC16670


Code CSS:

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

 

HEX #FFE58770 sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #FFE58770 5%, #FCC16670 88%);

 

HEX #FCC16670 sur HEX #FFF79A70


Code CSS:

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

 

HEX #FCC16670 sur HEX #FFF79A70


Code CSS:

background-image: radial-gradient(circle, #FCC16670 14%, #FFF79A70 90%);

 

HEX #FFF79A70 sur HEX #FCC16670


Code CSS:

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

 

HEX #FFF79A70 sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #FFF79A70 1%, #FCC16670 93%);

 

HEX #FCC16670 sur HEX #FFFFAD70


Code CSS:

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

 

HEX #FCC16670 sur HEX #FFFFAD70


Code CSS:

background-image: radial-gradient(circle, #FCC16670 10%, #FFFFAD70 86%);

 

HEX #FFFFAD70 sur HEX #FCC16670


Code CSS:

background-image: linear-gradient(135deg, #FFFFAD70 13%, #FCC16670 89%);

 

HEX #FFFFAD70 sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #FFFFAD70 2%, #FCC16670 91%);

Linéaire

HEX #FCC16670 sur HEX #EBAF5370


Code CSS:

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

Radial

HEX #FCC16670 sur HEX #EBAF5370


Code CSS:

background-image: radial-gradient(circle, #FCC16670 4%, #EBAF5370 87%);

 

HEX #EBAF5370 sur HEX #FCC16670


Code CSS:

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

 

HEX #EBAF5370 sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #EBAF5370 13%, #FCC16670 97%);

 

HEX #FCC16670 sur HEX #DA9D4070


Code CSS:

background-image: linear-gradient(135deg, #FCC16670 2%, #DA9D4070 98%);

 

HEX #FCC16670 sur HEX #DA9D4070


Code CSS:

background-image: radial-gradient(circle, #FCC16670 7%, #DA9D4070 92%);

 

HEX #DA9D4070 sur HEX #FCC16670


Code CSS:

background-image: linear-gradient(135deg, #DA9D4070 2%, #FCC16670 91%);

 

HEX #DA9D4070 sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #DA9D4070 13%, #FCC16670 93%);

 

HEX #FCC16670 sur HEX #C98B2D70


Code CSS:

background-image: linear-gradient(135deg, #FCC16670 5%, #C98B2D70 90%);

 

HEX #FCC16670 sur HEX #C98B2D70


Code CSS:

background-image: radial-gradient(circle, #FCC16670 9%, #C98B2D70 93%);

 

HEX #C98B2D70 sur HEX #FCC16670


Code CSS:

background-image: linear-gradient(135deg, #C98B2D70 2%, #FCC16670 96%);

 

HEX #C98B2D70 sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #C98B2D70 13%, #FCC16670 94%);

 

HEX #FCC16670 sur HEX #B8791A70


Code CSS:

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

 

HEX #FCC16670 sur HEX #B8791A70


Code CSS:

background-image: radial-gradient(circle, #FCC16670 10%, #B8791A70 97%);

 

HEX #B8791A70 sur HEX #FCC16670


Code CSS:

background-image: linear-gradient(135deg, #B8791A70 9%, #FCC16670 93%);

 

HEX #B8791A70 sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #B8791A70 0%, #FCC16670 94%);

Linéaire

HEX #FCC16670 sur HEX #FBD86470


Code CSS:

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

Radial

HEX #FCC16670 sur HEX #FBD86470


Code CSS:

background-image: radial-gradient(circle, #FCC16670 14%, #FBD86470 99%);

 

HEX #FBD86470 sur HEX #FCC16670


Code CSS:

background-image: linear-gradient(135deg, #FBD86470 13%, #FCC16670 96%);

 

HEX #FBD86470 sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #FBD86470 12%, #FCC16670 91%);

 

HEX #FCC16670 sur HEX #FBF16470


Code CSS:

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

 

HEX #FCC16670 sur HEX #FBF16470


Code CSS:

background-image: radial-gradient(circle, #FCC16670 4%, #FBF16470 97%);

 

HEX #FBF16470 sur HEX #FCC16670


Code CSS:

background-image: linear-gradient(135deg, #FBF16470 0%, #FCC16670 92%);

 

HEX #FBF16470 sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #FBF16470 14%, #FCC16670 86%);

 

HEX #FCC16670 sur HEX #ECFB6470


Code CSS:

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

 

HEX #FCC16670 sur HEX #ECFB6470


Code CSS:

background-image: radial-gradient(circle, #FCC16670 5%, #ECFB6470 97%);

 

HEX #ECFB6470 sur HEX #FCC16670


Code CSS:

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

 

HEX #ECFB6470 sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #ECFB6470 9%, #FCC16670 86%);

 

HEX #FCC16670 sur HEX #D3FB6470


Code CSS:

background-image: linear-gradient(135deg, #FCC16670 2%, #D3FB6470 97%);

 

HEX #FCC16670 sur HEX #D3FB6470


Code CSS:

background-image: radial-gradient(circle, #FCC16670 12%, #D3FB6470 86%);

 

HEX #D3FB6470 sur HEX #FCC16670


Code CSS:

background-image: linear-gradient(135deg, #D3FB6470 3%, #FCC16670 87%);

 

HEX #D3FB6470 sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #D3FB6470 4%, #FCC16670 100%);

Linéaire

HEX #FCC16670 sur HEX #302513


Code CSS:

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

Radial

HEX #FCC16670 sur HEX #302513


Code CSS:

background-image: radial-gradient(circle, #FCC16670 4%, #302513 87%);

 

HEX #302513 sur HEX #FCC16670


Code CSS:

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

 

HEX #302513 sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #302513 6%, #FCC16670 87%);

 

HEX #FCC16670 sur HEX #634C28


Code CSS:

background-image: linear-gradient(135deg, #FCC16670 11%, #634C28 99%);

 

HEX #FCC16670 sur HEX #634C28


Code CSS:

background-image: radial-gradient(circle, #FCC16670 6%, #634C28 95%);

 

HEX #634C28 sur HEX #FCC16670


Code CSS:

background-image: linear-gradient(135deg, #634C28 2%, #FCC16670 90%);

 

HEX #634C28 sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #634C28 7%, #FCC16670 92%);

 

HEX #FCC16670 sur HEX #96733D


Code CSS:

background-image: linear-gradient(135deg, #FCC16670 3%, #96733D 91%);

 

HEX #FCC16670 sur HEX #96733D


Code CSS:

background-image: radial-gradient(circle, #FCC16670 0%, #96733D 90%);

 

HEX #96733D sur HEX #FCC16670


Code CSS:

background-image: linear-gradient(135deg, #96733D 1%, #FCC16670 99%);

 

HEX #96733D sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #96733D 12%, #FCC16670 97%);

 

HEX #FCC16670 sur HEX #C99A51


Code CSS:

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

 

HEX #FCC16670 sur HEX #C99A51


Code CSS:

background-image: radial-gradient(circle, #FCC16670 1%, #C99A51 87%);

 

HEX #C99A51 sur HEX #FCC16670


Code CSS:

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

 

HEX #C99A51 sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #C99A51 13%, #FCC16670 90%);

Linéaire

HEX #FCC16670 sur HEX #82FB64


Code CSS:

background-image: linear-gradient(135deg, #FCC16670 7%, #82FB64 93%);

Radial

HEX #FCC16670 sur HEX #82FB64


Code CSS:

background-image: radial-gradient(circle, #FCC16670 8%, #82FB64 86%);

 

HEX #82FB64 sur HEX #FCC16670


Code CSS:

background-image: linear-gradient(135deg, #82FB64 4%, #FCC16670 100%);

 

HEX #82FB64 sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #82FB64 12%, #FCC16670 88%);

 

HEX #FCC16670 sur HEX #8264FB


Code CSS:

background-image: linear-gradient(135deg, #FCC16670 4%, #8264FB 89%);

 

HEX #FCC16670 sur HEX #8264FB


Code CSS:

background-image: radial-gradient(circle, #FCC16670 6%, #8264FB 89%);

 

HEX #8264FB sur HEX #FCC16670


Code CSS:

background-image: linear-gradient(135deg, #8264FB 14%, #FCC16670 86%);

 

HEX #8264FB sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #8264FB 1%, #FCC16670 97%);

Linéaire

HEX #FCC16670 sur HEX #64FBBF


Code CSS:

background-image: linear-gradient(135deg, #FCC16670 8%, #64FBBF 96%);

Radial

HEX #FCC16670 sur HEX #64FBBF


Code CSS:

background-image: radial-gradient(circle, #FCC16670 4%, #64FBBF 93%);

 

HEX #64FBBF sur HEX #FCC16670


Code CSS:

background-image: linear-gradient(135deg, #64FBBF 2%, #FCC16670 88%);

 

HEX #64FBBF sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #64FBBF 0%, #FCC16670 93%);

 

HEX #FCC16670 sur HEX #BF64FB


Code CSS:

background-image: linear-gradient(135deg, #FCC16670 0%, #BF64FB 93%);

 

HEX #FCC16670 sur HEX #BF64FB


Code CSS:

background-image: radial-gradient(circle, #FCC16670 12%, #BF64FB 92%);

 

HEX #BF64FB sur HEX #FCC16670


Code CSS:

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

 

HEX #BF64FB sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #BF64FB 14%, #FCC16670 86%);

Linéaire

HEX #FCC16670 sur HEX #82FB64


Code CSS:

background-image: linear-gradient(135deg, #FCC16670 0%, #82FB64 86%);

Radial

HEX #FCC16670 sur HEX #82FB64


Code CSS:

background-image: radial-gradient(circle, #FCC16670 0%, #82FB64 94%);

 

HEX #82FB64 sur HEX #FCC16670


Code CSS:

background-image: linear-gradient(135deg, #82FB64 12%, #FCC16670 92%);

 

HEX #82FB64 sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #82FB64 0%, #FCC16670 98%);

 

HEX #FCC16670 sur HEX #64A0FB


Code CSS:

background-image: linear-gradient(135deg, #FCC16670 7%, #64A0FB 90%);

 

HEX #FCC16670 sur HEX #64A0FB


Code CSS:

background-image: radial-gradient(circle, #FCC16670 6%, #64A0FB 93%);

 

HEX #64A0FB sur HEX #FCC16670


Code CSS:

background-image: linear-gradient(135deg, #64A0FB 5%, #FCC16670 100%);

 

HEX #64A0FB sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #64A0FB 7%, #FCC16670 95%);

 

HEX #FCC16670 sur HEX #DD64FB


Code CSS:

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

 

HEX #FCC16670 sur HEX #DD64FB


Code CSS:

background-image: radial-gradient(circle, #FCC16670 12%, #DD64FB 99%);

 

HEX #DD64FB sur HEX #FCC16670


Code CSS:

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

 

HEX #DD64FB sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #DD64FB 10%, #FCC16670 99%);

Linéaire

HEX #FCC16670 sur HEX #64FB73


Code CSS:

background-image: linear-gradient(135deg, #FCC16670 5%, #64FB73 96%);

Radial

HEX #FCC16670 sur HEX #64FB73


Code CSS:

background-image: radial-gradient(circle, #FCC16670 0%, #64FB73 94%);

 

HEX #64FB73 sur HEX #FCC16670


Code CSS:

background-image: linear-gradient(135deg, #64FB73 14%, #FCC16670 91%);

 

HEX #64FB73 sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #64FB73 8%, #FCC16670 92%);

 

HEX #FCC16670 sur HEX #64A0FB


Code CSS:

background-image: linear-gradient(135deg, #FCC16670 8%, #64A0FB 95%);

 

HEX #FCC16670 sur HEX #64A0FB


Code CSS:

background-image: radial-gradient(circle, #FCC16670 1%, #64A0FB 97%);

 

HEX #64A0FB sur HEX #FCC16670


Code CSS:

background-image: linear-gradient(135deg, #64A0FB 6%, #FCC16670 99%);

 

HEX #64A0FB sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #64A0FB 14%, #FCC16670 92%);

 

HEX #FCC16670 sur HEX #FB64EC


Code CSS:

background-image: linear-gradient(135deg, #FCC16670 0%, #FB64EC 92%);

 

HEX #FCC16670 sur HEX #FB64EC


Code CSS:

background-image: radial-gradient(circle, #FCC16670 10%, #FB64EC 86%);

 

HEX #FB64EC sur HEX #FCC16670


Code CSS:

background-image: linear-gradient(135deg, #FB64EC 6%, #FCC16670 88%);

 

HEX #FB64EC sur HEX #FCC16670


Code CSS:

background-image: radial-gradient(circle, #FB64EC 1%, #FCC16670 90%);

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, 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.

Cancel Share

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

Share

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

Remove All

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