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

CSS Gradients:
#FDF966

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 253 Rouge, 249 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.
253 249 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, 2 magenta, 60 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% 2% 60% 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 #FDF966 sur HEX #020699


Code CSS:

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

Radial

HEX #FDF966 sur HEX #020699


Code CSS:

background-image: radial-gradient(circle, #FDF966 2%, #020699 99%);

 

HEX #020699 sur HEX #FDF966


Code CSS:

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

 

HEX #020699 sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #020699 12%, #FDF966 87%);

Linéaire

HEX #FDF966 sur HEX #FDD068


Code CSS:

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

Radial

HEX #FDF966 sur HEX #FDD068


Code CSS:

background-image: radial-gradient(circle, #FDF966 14%, #FDD068 90%);

 

HEX #FDD068 sur HEX #FDF966


Code CSS:

background-image: linear-gradient(135deg, #FDD068 12%, #FDF966 89%);

 

HEX #FDD068 sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #FDD068 10%, #FDF966 100%);

 

HEX #FDF966 sur HEX #FDF868


Code CSS:

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

 

HEX #FDF966 sur HEX #FDF868


Code CSS:

background-image: radial-gradient(circle, #FDF966 11%, #FDF868 87%);

 

HEX #FDF868 sur HEX #FDF966


Code CSS:

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

 

HEX #FDF868 sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #FDF868 2%, #FDF966 91%);

 

HEX #FDF966 sur HEX #DAFD68


Code CSS:

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

 

HEX #FDF966 sur HEX #DAFD68


Code CSS:

background-image: radial-gradient(circle, #FDF966 11%, #DAFD68 91%);

 

HEX #DAFD68 sur HEX #FDF966


Code CSS:

background-image: linear-gradient(135deg, #DAFD68 4%, #FDF966 94%);

 

HEX #DAFD68 sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #DAFD68 5%, #FDF966 88%);

 

HEX #FDF966 sur HEX #B3FD68


Code CSS:

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

 

HEX #FDF966 sur HEX #B3FD68


Code CSS:

background-image: radial-gradient(circle, #FDF966 2%, #B3FD68 92%);

 

HEX #B3FD68 sur HEX #FDF966


Code CSS:

background-image: linear-gradient(135deg, #B3FD68 5%, #FDF966 97%);

 

HEX #B3FD68 sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #B3FD68 11%, #FDF966 100%);

Linéaire

HEX #FDF966 sur HEX #FCF740


Code CSS:

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

Radial

HEX #FDF966 sur HEX #FCF740


Code CSS:

background-image: radial-gradient(circle, #FDF966 8%, #FCF740 93%);

 

HEX #FCF740 sur HEX #FDF966


Code CSS:

background-image: linear-gradient(135deg, #FCF740 8%, #FDF966 94%);

 

HEX #FCF740 sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #FCF740 8%, #FDF966 97%);

 

HEX #FDF966 sur HEX #FDF968


Code CSS:

background-image: linear-gradient(135deg, #FDF966 4%, #FDF968 92%);

 

HEX #FDF966 sur HEX #FDF968


Code CSS:

background-image: radial-gradient(circle, #FDF966 4%, #FDF968 90%);

 

HEX #FDF968 sur HEX #FDF966


Code CSS:

background-image: linear-gradient(135deg, #FDF968 5%, #FDF966 99%);

 

HEX #FDF968 sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #FDF968 13%, #FDF966 99%);

 

HEX #FDF966 sur HEX #FDFA91


Code CSS:

background-image: linear-gradient(135deg, #FDF966 13%, #FDFA91 95%);

 

HEX #FDF966 sur HEX #FDFA91


Code CSS:

background-image: radial-gradient(circle, #FDF966 9%, #FDFA91 89%);

 

HEX #FDFA91 sur HEX #FDF966


Code CSS:

background-image: linear-gradient(135deg, #FDFA91 5%, #FDF966 100%);

 

HEX #FDFA91 sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #FDFA91 2%, #FDF966 91%);

 

HEX #FDF966 sur HEX #FEFCBA


Code CSS:

background-image: linear-gradient(135deg, #FDF966 11%, #FEFCBA 93%);

 

HEX #FDF966 sur HEX #FEFCBA


Code CSS:

background-image: radial-gradient(circle, #FDF966 8%, #FEFCBA 86%);

 

HEX #FEFCBA sur HEX #FDF966


Code CSS:

background-image: linear-gradient(135deg, #FEFCBA 7%, #FDF966 90%);

 

HEX #FEFCBA sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #FEFCBA 7%, #FDF966 95%);

Linéaire

HEX #FDF966 sur HEX #FDD068


Code CSS:

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

Radial

HEX #FDF966 sur HEX #FDD068


Code CSS:

background-image: radial-gradient(circle, #FDF966 6%, #FDD068 96%);

 

HEX #FDD068 sur HEX #FDF966


Code CSS:

background-image: linear-gradient(135deg, #FDD068 12%, #FDF966 97%);

 

HEX #FDD068 sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #FDD068 8%, #FDF966 98%);

 

HEX #FDF966 sur HEX #FDF868


Code CSS:

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

 

HEX #FDF966 sur HEX #FDF868


Code CSS:

background-image: radial-gradient(circle, #FDF966 9%, #FDF868 92%);

 

HEX #FDF868 sur HEX #FDF966


Code CSS:

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

 

HEX #FDF868 sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #FDF868 9%, #FDF966 94%);

 

HEX #FDF966 sur HEX #DAFD68


Code CSS:

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

 

HEX #FDF966 sur HEX #DAFD68


Code CSS:

background-image: radial-gradient(circle, #FDF966 3%, #DAFD68 94%);

 

HEX #DAFD68 sur HEX #FDF966


Code CSS:

background-image: linear-gradient(135deg, #DAFD68 5%, #FDF966 86%);

 

HEX #DAFD68 sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #DAFD68 5%, #FDF966 98%);

 

HEX #FDF966 sur HEX #B3FD68


Code CSS:

background-image: linear-gradient(135deg, #FDF966 8%, #B3FD68 94%);

 

HEX #FDF966 sur HEX #B3FD68


Code CSS:

background-image: radial-gradient(circle, #FDF966 8%, #B3FD68 100%);

 

HEX #B3FD68 sur HEX #FDF966


Code CSS:

background-image: linear-gradient(135deg, #B3FD68 7%, #FDF966 86%);

 

HEX #B3FD68 sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #B3FD68 12%, #FDF966 89%);

Linéaire

HEX #FDF966 sur HEX #FCF740


Code CSS:

background-image: linear-gradient(135deg, #FDF966 5%, #FCF740 95%);

Radial

HEX #FDF966 sur HEX #FCF740


Code CSS:

background-image: radial-gradient(circle, #FDF966 6%, #FCF740 96%);

 

HEX #FCF740 sur HEX #FDF966


Code CSS:

background-image: linear-gradient(135deg, #FCF740 4%, #FDF966 98%);

 

HEX #FCF740 sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #FCF740 4%, #FDF966 88%);

 

HEX #FDF966 sur HEX #FDF968


Code CSS:

background-image: linear-gradient(135deg, #FDF966 1%, #FDF968 94%);

 

HEX #FDF966 sur HEX #FDF968


Code CSS:

background-image: radial-gradient(circle, #FDF966 9%, #FDF968 95%);

 

HEX #FDF968 sur HEX #FDF966


Code CSS:

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

 

HEX #FDF968 sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #FDF968 7%, #FDF966 96%);

 

HEX #FDF966 sur HEX #FDFA91


Code CSS:

background-image: linear-gradient(135deg, #FDF966 0%, #FDFA91 96%);

 

HEX #FDF966 sur HEX #FDFA91


Code CSS:

background-image: radial-gradient(circle, #FDF966 0%, #FDFA91 100%);

 

HEX #FDFA91 sur HEX #FDF966


Code CSS:

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

 

HEX #FDFA91 sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #FDFA91 9%, #FDF966 96%);

 

HEX #FDF966 sur HEX #FEFCBA


Code CSS:

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

 

HEX #FDF966 sur HEX #FEFCBA


Code CSS:

background-image: radial-gradient(circle, #FDF966 11%, #FEFCBA 98%);

 

HEX #FEFCBA sur HEX #FDF966


Code CSS:

background-image: linear-gradient(135deg, #FEFCBA 3%, #FDF966 93%);

 

HEX #FEFCBA sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #FEFCBA 6%, #FDF966 91%);

Linéaire

HEX #FDF966 sur HEX #68FD81


Code CSS:

background-image: linear-gradient(135deg, #FDF966 1%, #68FD81 91%);

Radial

HEX #FDF966 sur HEX #68FD81


Code CSS:

background-image: radial-gradient(circle, #FDF966 14%, #68FD81 93%);

 

HEX #68FD81 sur HEX #FDF966


Code CSS:

background-image: linear-gradient(135deg, #68FD81 6%, #FDF966 100%);

 

HEX #68FD81 sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #68FD81 6%, #FDF966 91%);

 

HEX #FDF966 sur HEX #BC68FD


Code CSS:

background-image: linear-gradient(135deg, #FDF966 2%, #BC68FD 92%);

 

HEX #FDF966 sur HEX #BC68FD


Code CSS:

background-image: radial-gradient(circle, #FDF966 13%, #BC68FD 100%);

 

HEX #BC68FD sur HEX #FDF966


Code CSS:

background-image: linear-gradient(135deg, #BC68FD 4%, #FDF966 98%);

 

HEX #BC68FD sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #BC68FD 1%, #FDF966 99%);

Linéaire

HEX #FDF966 sur HEX #68FDF8


Code CSS:

background-image: linear-gradient(135deg, #FDF966 3%, #68FDF8 86%);

Radial

HEX #FDF966 sur HEX #68FDF8


Code CSS:

background-image: radial-gradient(circle, #FDF966 10%, #68FDF8 94%);

 

HEX #68FDF8 sur HEX #FDF966


Code CSS:

background-image: linear-gradient(135deg, #68FDF8 5%, #FDF966 95%);

 

HEX #68FDF8 sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #68FDF8 4%, #FDF966 96%);

 

HEX #FDF966 sur HEX #F868FD


Code CSS:

background-image: linear-gradient(135deg, #FDF966 11%, #F868FD 90%);

 

HEX #FDF966 sur HEX #F868FD


Code CSS:

background-image: radial-gradient(circle, #FDF966 12%, #F868FD 93%);

 

HEX #F868FD sur HEX #FDF966


Code CSS:

background-image: linear-gradient(135deg, #F868FD 2%, #FDF966 95%);

 

HEX #F868FD sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #F868FD 3%, #FDF966 93%);

Linéaire

HEX #FDF966 sur HEX #68FD81


Code CSS:

background-image: linear-gradient(135deg, #FDF966 12%, #68FD81 95%);

Radial

HEX #FDF966 sur HEX #68FD81


Code CSS:

background-image: radial-gradient(circle, #FDF966 7%, #68FD81 87%);

 

HEX #68FD81 sur HEX #FDF966


Code CSS:

background-image: linear-gradient(135deg, #68FD81 11%, #FDF966 90%);

 

HEX #68FD81 sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #68FD81 10%, #FDF966 91%);

 

HEX #FDF966 sur HEX #686DFD


Code CSS:

background-image: linear-gradient(135deg, #FDF966 14%, #686DFD 99%);

 

HEX #FDF966 sur HEX #686DFD


Code CSS:

background-image: radial-gradient(circle, #FDF966 9%, #686DFD 86%);

 

HEX #686DFD sur HEX #FDF966


Code CSS:

background-image: linear-gradient(135deg, #686DFD 6%, #FDF966 91%);

 

HEX #686DFD sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #686DFD 12%, #FDF966 90%);

 

HEX #FDF966 sur HEX #FD68E4


Code CSS:

background-image: linear-gradient(135deg, #FDF966 9%, #FD68E4 100%);

 

HEX #FDF966 sur HEX #FD68E4


Code CSS:

background-image: radial-gradient(circle, #FDF966 9%, #FD68E4 87%);

 

HEX #FD68E4 sur HEX #FDF966


Code CSS:

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

 

HEX #FD68E4 sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #FD68E4 13%, #FDF966 88%);

Linéaire

HEX #FDF966 sur HEX #68FDAE


Code CSS:

background-image: linear-gradient(135deg, #FDF966 14%, #68FDAE 99%);

Radial

HEX #FDF966 sur HEX #68FDAE


Code CSS:

background-image: radial-gradient(circle, #FDF966 11%, #68FDAE 91%);

 

HEX #68FDAE sur HEX #FDF966


Code CSS:

background-image: linear-gradient(135deg, #68FDAE 13%, #FDF966 98%);

 

HEX #68FDAE sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #68FDAE 4%, #FDF966 87%);

 

HEX #FDF966 sur HEX #686DFD


Code CSS:

background-image: linear-gradient(135deg, #FDF966 4%, #686DFD 94%);

 

HEX #FDF966 sur HEX #686DFD


Code CSS:

background-image: radial-gradient(circle, #FDF966 5%, #686DFD 95%);

 

HEX #686DFD sur HEX #FDF966


Code CSS:

background-image: linear-gradient(135deg, #686DFD 13%, #FDF966 91%);

 

HEX #686DFD sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #686DFD 4%, #FDF966 92%);

 

HEX #FDF966 sur HEX #FD68B7


Code CSS:

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

 

HEX #FDF966 sur HEX #FD68B7


Code CSS:

background-image: radial-gradient(circle, #FDF966 3%, #FD68B7 92%);

 

HEX #FD68B7 sur HEX #FDF966


Code CSS:

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

 

HEX #FD68B7 sur HEX #FDF966


Code CSS:

background-image: radial-gradient(circle, #FD68B7 5%, #FDF966 86%);

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.