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

CSS Gradients:
#FCD568

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 et le vert dominent nettement cette teinte : les valeurs du rouge et du vert sont supérieures à celles du bleu. 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 252 Rouge, 213 Vert et 104 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 213 104 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, 15 magenta, 59 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% 15% 59% 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 #FCD568 sur HEX #032A97


Code CSS:

background-image: linear-gradient(135deg, #FCD568 0%, #032A97 89%);

Radial

HEX #FCD568 sur HEX #032A97


Code CSS:

background-image: radial-gradient(circle, #FCD568 14%, #032A97 87%);

 

HEX #032A97 sur HEX #FCD568


Code CSS:

background-image: linear-gradient(135deg, #032A97 10%, #FCD568 96%);

 

HEX #032A97 sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #032A97 4%, #FCD568 94%);

Linéaire

HEX #FCD568 sur HEX #FCAE69


Code CSS:

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

Radial

HEX #FCD568 sur HEX #FCAE69


Code CSS:

background-image: radial-gradient(circle, #FCD568 14%, #FCAE69 89%);

 

HEX #FCAE69 sur HEX #FCD568


Code CSS:

background-image: linear-gradient(135deg, #FCAE69 9%, #FCD568 87%);

 

HEX #FCAE69 sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #FCAE69 1%, #FCD568 92%);

 

HEX #FCD568 sur HEX #FCD569


Code CSS:

background-image: linear-gradient(135deg, #FCD568 10%, #FCD569 94%);

 

HEX #FCD568 sur HEX #FCD569


Code CSS:

background-image: radial-gradient(circle, #FCD568 9%, #FCD569 100%);

 

HEX #FCD569 sur HEX #FCD568


Code CSS:

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

 

HEX #FCD569 sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #FCD569 10%, #FCD568 86%);

 

HEX #FCD568 sur HEX #FCFC69


Code CSS:

background-image: linear-gradient(135deg, #FCD568 8%, #FCFC69 93%);

 

HEX #FCD568 sur HEX #FCFC69


Code CSS:

background-image: radial-gradient(circle, #FCD568 14%, #FCFC69 91%);

 

HEX #FCFC69 sur HEX #FCD568


Code CSS:

background-image: linear-gradient(135deg, #FCFC69 8%, #FCD568 91%);

 

HEX #FCFC69 sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #FCFC69 10%, #FCD568 95%);

 

HEX #FCD568 sur HEX #D5FC69


Code CSS:

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

 

HEX #FCD568 sur HEX #D5FC69


Code CSS:

background-image: radial-gradient(circle, #FCD568 11%, #D5FC69 95%);

 

HEX #D5FC69 sur HEX #FCD568


Code CSS:

background-image: linear-gradient(135deg, #D5FC69 3%, #FCD568 90%);

 

HEX #D5FC69 sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #D5FC69 11%, #FCD568 99%);

Linéaire

HEX #FCD568 sur HEX #FBCA41


Code CSS:

background-image: linear-gradient(135deg, #FCD568 4%, #FBCA41 99%);

Radial

HEX #FCD568 sur HEX #FBCA41


Code CSS:

background-image: radial-gradient(circle, #FCD568 1%, #FBCA41 88%);

 

HEX #FBCA41 sur HEX #FCD568


Code CSS:

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

 

HEX #FBCA41 sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #FBCA41 5%, #FCD568 94%);

 

HEX #FCD568 sur HEX #FCD569


Code CSS:

background-image: linear-gradient(135deg, #FCD568 8%, #FCD569 95%);

 

HEX #FCD568 sur HEX #FCD569


Code CSS:

background-image: radial-gradient(circle, #FCD568 8%, #FCD569 87%);

 

HEX #FCD569 sur HEX #FCD568


Code CSS:

background-image: linear-gradient(135deg, #FCD569 7%, #FCD568 96%);

 

HEX #FCD569 sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #FCD569 12%, #FCD568 87%);

 

HEX #FCD568 sur HEX #FDE091


Code CSS:

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

 

HEX #FCD568 sur HEX #FDE091


Code CSS:

background-image: radial-gradient(circle, #FCD568 1%, #FDE091 100%);

 

HEX #FDE091 sur HEX #FCD568


Code CSS:

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

 

HEX #FDE091 sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #FDE091 14%, #FCD568 99%);

 

HEX #FCD568 sur HEX #FEECBA


Code CSS:

background-image: linear-gradient(135deg, #FCD568 12%, #FEECBA 94%);

 

HEX #FCD568 sur HEX #FEECBA


Code CSS:

background-image: radial-gradient(circle, #FCD568 4%, #FEECBA 87%);

 

HEX #FEECBA sur HEX #FCD568


Code CSS:

background-image: linear-gradient(135deg, #FEECBA 13%, #FCD568 86%);

 

HEX #FEECBA sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #FEECBA 4%, #FCD568 98%);

Linéaire

HEX #FCD568 sur HEX #FCAE69


Code CSS:

background-image: linear-gradient(135deg, #FCD568 4%, #FCAE69 93%);

Radial

HEX #FCD568 sur HEX #FCAE69


Code CSS:

background-image: radial-gradient(circle, #FCD568 2%, #FCAE69 96%);

 

HEX #FCAE69 sur HEX #FCD568


Code CSS:

background-image: linear-gradient(135deg, #FCAE69 9%, #FCD568 87%);

 

HEX #FCAE69 sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #FCAE69 12%, #FCD568 92%);

 

HEX #FCD568 sur HEX #FCD569


Code CSS:

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

 

HEX #FCD568 sur HEX #FCD569


Code CSS:

background-image: radial-gradient(circle, #FCD568 8%, #FCD569 86%);

 

HEX #FCD569 sur HEX #FCD568


Code CSS:

background-image: linear-gradient(135deg, #FCD569 6%, #FCD568 96%);

 

HEX #FCD569 sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #FCD569 9%, #FCD568 96%);

 

HEX #FCD568 sur HEX #FCFC69


Code CSS:

background-image: linear-gradient(135deg, #FCD568 6%, #FCFC69 87%);

 

HEX #FCD568 sur HEX #FCFC69


Code CSS:

background-image: radial-gradient(circle, #FCD568 6%, #FCFC69 89%);

 

HEX #FCFC69 sur HEX #FCD568


Code CSS:

background-image: linear-gradient(135deg, #FCFC69 7%, #FCD568 92%);

 

HEX #FCFC69 sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #FCFC69 9%, #FCD568 96%);

 

HEX #FCD568 sur HEX #D5FC69


Code CSS:

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

 

HEX #FCD568 sur HEX #D5FC69


Code CSS:

background-image: radial-gradient(circle, #FCD568 13%, #D5FC69 95%);

 

HEX #D5FC69 sur HEX #FCD568


Code CSS:

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

 

HEX #D5FC69 sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #D5FC69 4%, #FCD568 92%);

Linéaire

HEX #FCD568 sur HEX #FBCA41


Code CSS:

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

Radial

HEX #FCD568 sur HEX #FBCA41


Code CSS:

background-image: radial-gradient(circle, #FCD568 9%, #FBCA41 94%);

 

HEX #FBCA41 sur HEX #FCD568


Code CSS:

background-image: linear-gradient(135deg, #FBCA41 4%, #FCD568 91%);

 

HEX #FBCA41 sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #FBCA41 6%, #FCD568 92%);

 

HEX #FCD568 sur HEX #FCD569


Code CSS:

background-image: linear-gradient(135deg, #FCD568 0%, #FCD569 87%);

 

HEX #FCD568 sur HEX #FCD569


Code CSS:

background-image: radial-gradient(circle, #FCD568 8%, #FCD569 94%);

 

HEX #FCD569 sur HEX #FCD568


Code CSS:

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

 

HEX #FCD569 sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #FCD569 3%, #FCD568 99%);

 

HEX #FCD568 sur HEX #FDE091


Code CSS:

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

 

HEX #FCD568 sur HEX #FDE091


Code CSS:

background-image: radial-gradient(circle, #FCD568 2%, #FDE091 89%);

 

HEX #FDE091 sur HEX #FCD568


Code CSS:

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

 

HEX #FDE091 sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #FDE091 8%, #FCD568 98%);

 

HEX #FCD568 sur HEX #FEECBA


Code CSS:

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

 

HEX #FCD568 sur HEX #FEECBA


Code CSS:

background-image: radial-gradient(circle, #FCD568 12%, #FEECBA 97%);

 

HEX #FEECBA sur HEX #FCD568


Code CSS:

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

 

HEX #FEECBA sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #FEECBA 8%, #FCD568 96%);

Linéaire

HEX #FCD568 sur HEX #73FC69


Code CSS:

background-image: linear-gradient(135deg, #FCD568 6%, #73FC69 100%);

Radial

HEX #FCD568 sur HEX #73FC69


Code CSS:

background-image: radial-gradient(circle, #FCD568 3%, #73FC69 100%);

 

HEX #73FC69 sur HEX #FCD568


Code CSS:

background-image: linear-gradient(135deg, #73FC69 5%, #FCD568 87%);

 

HEX #73FC69 sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #73FC69 4%, #FCD568 96%);

 

HEX #FCD568 sur HEX #9A69FC


Code CSS:

background-image: linear-gradient(135deg, #FCD568 6%, #9A69FC 91%);

 

HEX #FCD568 sur HEX #9A69FC


Code CSS:

background-image: radial-gradient(circle, #FCD568 12%, #9A69FC 90%);

 

HEX #9A69FC sur HEX #FCD568


Code CSS:

background-image: linear-gradient(135deg, #9A69FC 11%, #FCD568 98%);

 

HEX #9A69FC sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #9A69FC 0%, #FCD568 96%);

Linéaire

HEX #FCD568 sur HEX #69FCD5


Code CSS:

background-image: linear-gradient(135deg, #FCD568 1%, #69FCD5 93%);

Radial

HEX #FCD568 sur HEX #69FCD5


Code CSS:

background-image: radial-gradient(circle, #FCD568 5%, #69FCD5 98%);

 

HEX #69FCD5 sur HEX #FCD568


Code CSS:

background-image: linear-gradient(135deg, #69FCD5 0%, #FCD568 100%);

 

HEX #69FCD5 sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #69FCD5 4%, #FCD568 90%);

 

HEX #FCD568 sur HEX #D569FC


Code CSS:

background-image: linear-gradient(135deg, #FCD568 11%, #D569FC 92%);

 

HEX #FCD568 sur HEX #D569FC


Code CSS:

background-image: radial-gradient(circle, #FCD568 9%, #D569FC 88%);

 

HEX #D569FC sur HEX #FCD568


Code CSS:

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

 

HEX #D569FC sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #D569FC 12%, #FCD568 96%);

Linéaire

HEX #FCD568 sur HEX #73FC69


Code CSS:

background-image: linear-gradient(135deg, #FCD568 14%, #73FC69 86%);

Radial

HEX #FCD568 sur HEX #73FC69


Code CSS:

background-image: radial-gradient(circle, #FCD568 2%, #73FC69 98%);

 

HEX #73FC69 sur HEX #FCD568


Code CSS:

background-image: linear-gradient(135deg, #73FC69 11%, #FCD568 99%);

 

HEX #73FC69 sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #73FC69 14%, #FCD568 96%);

 

HEX #FCD568 sur HEX #6990FC


Code CSS:

background-image: linear-gradient(135deg, #FCD568 1%, #6990FC 94%);

 

HEX #FCD568 sur HEX #6990FC


Code CSS:

background-image: radial-gradient(circle, #FCD568 11%, #6990FC 91%);

 

HEX #6990FC sur HEX #FCD568


Code CSS:

background-image: linear-gradient(135deg, #6990FC 4%, #FCD568 88%);

 

HEX #6990FC sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #6990FC 7%, #FCD568 88%);

 

HEX #FCD568 sur HEX #F269FC


Code CSS:

background-image: linear-gradient(135deg, #FCD568 13%, #F269FC 97%);

 

HEX #FCD568 sur HEX #F269FC


Code CSS:

background-image: radial-gradient(circle, #FCD568 14%, #F269FC 94%);

 

HEX #F269FC sur HEX #FCD568


Code CSS:

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

 

HEX #F269FC sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #F269FC 4%, #FCD568 94%);

Linéaire

HEX #FCD568 sur HEX #69FC8B


Code CSS:

background-image: linear-gradient(135deg, #FCD568 8%, #69FC8B 91%);

Radial

HEX #FCD568 sur HEX #69FC8B


Code CSS:

background-image: radial-gradient(circle, #FCD568 5%, #69FC8B 97%);

 

HEX #69FC8B sur HEX #FCD568


Code CSS:

background-image: linear-gradient(135deg, #69FC8B 14%, #FCD568 95%);

 

HEX #69FC8B sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #69FC8B 8%, #FCD568 90%);

 

HEX #FCD568 sur HEX #6990FC


Code CSS:

background-image: linear-gradient(135deg, #FCD568 8%, #6990FC 91%);

 

HEX #FCD568 sur HEX #6990FC


Code CSS:

background-image: radial-gradient(circle, #FCD568 4%, #6990FC 88%);

 

HEX #6990FC sur HEX #FCD568


Code CSS:

background-image: linear-gradient(135deg, #6990FC 10%, #FCD568 89%);

 

HEX #6990FC sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #6990FC 5%, #FCD568 95%);

 

HEX #FCD568 sur HEX #FC69DA


Code CSS:

background-image: linear-gradient(135deg, #FCD568 13%, #FC69DA 92%);

 

HEX #FCD568 sur HEX #FC69DA


Code CSS:

background-image: radial-gradient(circle, #FCD568 14%, #FC69DA 91%);

 

HEX #FC69DA sur HEX #FCD568


Code CSS:

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

 

HEX #FC69DA sur HEX #FCD568


Code CSS:

background-image: radial-gradient(circle, #FC69DA 12%, #FCD568 97%);

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.