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

CSS Gradients:
#FDCC75

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 253 Rouge, 204 Vert et 117 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 204 117 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, 19 magenta, 54 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% 19% 54% 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 #FDCC75 sur HEX #02338A


Code CSS:

background-image: linear-gradient(135deg, #FDCC75 0%, #02338A 91%);

Radial

HEX #FDCC75 sur HEX #02338A


Code CSS:

background-image: radial-gradient(circle, #FDCC75 13%, #02338A 99%);

 

HEX #02338A sur HEX #FDCC75


Code CSS:

background-image: linear-gradient(135deg, #02338A 1%, #FDCC75 99%);

 

HEX #02338A sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #02338A 0%, #FDCC75 93%);

Linéaire

HEX #FDCC75 sur HEX #FDA877


Code CSS:

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

Radial

HEX #FDCC75 sur HEX #FDA877


Code CSS:

background-image: radial-gradient(circle, #FDCC75 11%, #FDA877 92%);

 

HEX #FDA877 sur HEX #FDCC75


Code CSS:

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

 

HEX #FDA877 sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #FDA877 9%, #FDCC75 95%);

 

HEX #FDCC75 sur HEX #FDCC77


Code CSS:

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

 

HEX #FDCC75 sur HEX #FDCC77


Code CSS:

background-image: radial-gradient(circle, #FDCC75 5%, #FDCC77 96%);

 

HEX #FDCC77 sur HEX #FDCC75


Code CSS:

background-image: linear-gradient(135deg, #FDCC77 3%, #FDCC75 97%);

 

HEX #FDCC77 sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #FDCC77 2%, #FDCC75 88%);

 

HEX #FDCC75 sur HEX #FDF077


Code CSS:

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

 

HEX #FDCC75 sur HEX #FDF077


Code CSS:

background-image: radial-gradient(circle, #FDCC75 3%, #FDF077 98%);

 

HEX #FDF077 sur HEX #FDCC75


Code CSS:

background-image: linear-gradient(135deg, #FDF077 11%, #FDCC75 98%);

 

HEX #FDF077 sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #FDF077 10%, #FDCC75 93%);

 

HEX #FDCC75 sur HEX #E7FD77


Code CSS:

background-image: linear-gradient(135deg, #FDCC75 1%, #E7FD77 90%);

 

HEX #FDCC75 sur HEX #E7FD77


Code CSS:

background-image: radial-gradient(circle, #FDCC75 6%, #E7FD77 91%);

 

HEX #E7FD77 sur HEX #FDCC75


Code CSS:

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

 

HEX #E7FD77 sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #E7FD77 2%, #FDCC75 91%);

Linéaire

HEX #FDCC75 sur HEX #FCBE4F


Code CSS:

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

Radial

HEX #FDCC75 sur HEX #FCBE4F


Code CSS:

background-image: radial-gradient(circle, #FDCC75 8%, #FCBE4F 93%);

 

HEX #FCBE4F sur HEX #FDCC75


Code CSS:

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

 

HEX #FCBE4F sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #FCBE4F 13%, #FDCC75 98%);

 

HEX #FDCC75 sur HEX #FDCD77


Code CSS:

background-image: linear-gradient(135deg, #FDCC75 10%, #FDCD77 99%);

 

HEX #FDCC75 sur HEX #FDCD77


Code CSS:

background-image: radial-gradient(circle, #FDCC75 9%, #FDCD77 91%);

 

HEX #FDCD77 sur HEX #FDCC75


Code CSS:

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

 

HEX #FDCD77 sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #FDCD77 14%, #FDCC75 91%);

 

HEX #FDCC75 sur HEX #FEDCA0


Code CSS:

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

 

HEX #FDCC75 sur HEX #FEDCA0


Code CSS:

background-image: radial-gradient(circle, #FDCC75 8%, #FEDCA0 98%);

 

HEX #FEDCA0 sur HEX #FDCC75


Code CSS:

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

 

HEX #FEDCA0 sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #FEDCA0 13%, #FDCC75 89%);

 

HEX #FDCC75 sur HEX #FEEBC9


Code CSS:

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

 

HEX #FDCC75 sur HEX #FEEBC9


Code CSS:

background-image: radial-gradient(circle, #FDCC75 10%, #FEEBC9 93%);

 

HEX #FEEBC9 sur HEX #FDCC75


Code CSS:

background-image: linear-gradient(135deg, #FEEBC9 8%, #FDCC75 100%);

 

HEX #FEEBC9 sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #FEEBC9 12%, #FDCC75 99%);

Linéaire

HEX #FDCC75 sur HEX #FDA877


Code CSS:

background-image: linear-gradient(135deg, #FDCC75 10%, #FDA877 95%);

Radial

HEX #FDCC75 sur HEX #FDA877


Code CSS:

background-image: radial-gradient(circle, #FDCC75 11%, #FDA877 86%);

 

HEX #FDA877 sur HEX #FDCC75


Code CSS:

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

 

HEX #FDA877 sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #FDA877 11%, #FDCC75 96%);

 

HEX #FDCC75 sur HEX #FDCC77


Code CSS:

background-image: linear-gradient(135deg, #FDCC75 4%, #FDCC77 97%);

 

HEX #FDCC75 sur HEX #FDCC77


Code CSS:

background-image: radial-gradient(circle, #FDCC75 7%, #FDCC77 100%);

 

HEX #FDCC77 sur HEX #FDCC75


Code CSS:

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

 

HEX #FDCC77 sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #FDCC77 2%, #FDCC75 86%);

 

HEX #FDCC75 sur HEX #FDF077


Code CSS:

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

 

HEX #FDCC75 sur HEX #FDF077


Code CSS:

background-image: radial-gradient(circle, #FDCC75 13%, #FDF077 87%);

 

HEX #FDF077 sur HEX #FDCC75


Code CSS:

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

 

HEX #FDF077 sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #FDF077 1%, #FDCC75 95%);

 

HEX #FDCC75 sur HEX #E7FD77


Code CSS:

background-image: linear-gradient(135deg, #FDCC75 8%, #E7FD77 96%);

 

HEX #FDCC75 sur HEX #E7FD77


Code CSS:

background-image: radial-gradient(circle, #FDCC75 2%, #E7FD77 100%);

 

HEX #E7FD77 sur HEX #FDCC75


Code CSS:

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

 

HEX #E7FD77 sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #E7FD77 8%, #FDCC75 98%);

Linéaire

HEX #FDCC75 sur HEX #FCBE4F


Code CSS:

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

Radial

HEX #FDCC75 sur HEX #FCBE4F


Code CSS:

background-image: radial-gradient(circle, #FDCC75 3%, #FCBE4F 91%);

 

HEX #FCBE4F sur HEX #FDCC75


Code CSS:

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

 

HEX #FCBE4F sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #FCBE4F 9%, #FDCC75 95%);

 

HEX #FDCC75 sur HEX #FDCD77


Code CSS:

background-image: linear-gradient(135deg, #FDCC75 9%, #FDCD77 96%);

 

HEX #FDCC75 sur HEX #FDCD77


Code CSS:

background-image: radial-gradient(circle, #FDCC75 7%, #FDCD77 87%);

 

HEX #FDCD77 sur HEX #FDCC75


Code CSS:

background-image: linear-gradient(135deg, #FDCD77 7%, #FDCC75 93%);

 

HEX #FDCD77 sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #FDCD77 8%, #FDCC75 91%);

 

HEX #FDCC75 sur HEX #FEDCA0


Code CSS:

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

 

HEX #FDCC75 sur HEX #FEDCA0


Code CSS:

background-image: radial-gradient(circle, #FDCC75 5%, #FEDCA0 93%);

 

HEX #FEDCA0 sur HEX #FDCC75


Code CSS:

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

 

HEX #FEDCA0 sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #FEDCA0 9%, #FDCC75 87%);

 

HEX #FDCC75 sur HEX #FEEBC9


Code CSS:

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

 

HEX #FDCC75 sur HEX #FEEBC9


Code CSS:

background-image: radial-gradient(circle, #FDCC75 9%, #FEEBC9 99%);

 

HEX #FEEBC9 sur HEX #FDCC75


Code CSS:

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

 

HEX #FEEBC9 sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #FEEBC9 11%, #FDCC75 100%);

Linéaire

HEX #FDCC75 sur HEX #8EFD77


Code CSS:

background-image: linear-gradient(135deg, #FDCC75 4%, #8EFD77 94%);

Radial

HEX #FDCC75 sur HEX #8EFD77


Code CSS:

background-image: radial-gradient(circle, #FDCC75 5%, #8EFD77 86%);

 

HEX #8EFD77 sur HEX #FDCC75


Code CSS:

background-image: linear-gradient(135deg, #8EFD77 11%, #FDCC75 89%);

 

HEX #8EFD77 sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #8EFD77 1%, #FDCC75 95%);

 

HEX #FDCC75 sur HEX #9777FD


Code CSS:

background-image: linear-gradient(135deg, #FDCC75 1%, #9777FD 90%);

 

HEX #FDCC75 sur HEX #9777FD


Code CSS:

background-image: radial-gradient(circle, #FDCC75 1%, #9777FD 97%);

 

HEX #9777FD sur HEX #FDCC75


Code CSS:

background-image: linear-gradient(135deg, #9777FD 0%, #FDCC75 98%);

 

HEX #9777FD sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #9777FD 10%, #FDCC75 92%);

Linéaire

HEX #FDCC75 sur HEX #77FDCC


Code CSS:

background-image: linear-gradient(135deg, #FDCC75 13%, #77FDCC 97%);

Radial

HEX #FDCC75 sur HEX #77FDCC


Code CSS:

background-image: radial-gradient(circle, #FDCC75 5%, #77FDCC 97%);

 

HEX #77FDCC sur HEX #FDCC75


Code CSS:

background-image: linear-gradient(135deg, #77FDCC 6%, #FDCC75 95%);

 

HEX #77FDCC sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #77FDCC 3%, #FDCC75 97%);

 

HEX #FDCC75 sur HEX #CC77FD


Code CSS:

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

 

HEX #FDCC75 sur HEX #CC77FD


Code CSS:

background-image: radial-gradient(circle, #FDCC75 1%, #CC77FD 87%);

 

HEX #CC77FD sur HEX #FDCC75


Code CSS:

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

 

HEX #CC77FD sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #CC77FD 3%, #FDCC75 87%);

Linéaire

HEX #FDCC75 sur HEX #8EFD77


Code CSS:

background-image: linear-gradient(135deg, #FDCC75 5%, #8EFD77 96%);

Radial

HEX #FDCC75 sur HEX #8EFD77


Code CSS:

background-image: radial-gradient(circle, #FDCC75 7%, #8EFD77 92%);

 

HEX #8EFD77 sur HEX #FDCC75


Code CSS:

background-image: linear-gradient(135deg, #8EFD77 0%, #FDCC75 97%);

 

HEX #8EFD77 sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #8EFD77 13%, #FDCC75 100%);

 

HEX #FDCC75 sur HEX #77A8FD


Code CSS:

background-image: linear-gradient(135deg, #FDCC75 3%, #77A8FD 95%);

 

HEX #FDCC75 sur HEX #77A8FD


Code CSS:

background-image: radial-gradient(circle, #FDCC75 14%, #77A8FD 90%);

 

HEX #77A8FD sur HEX #FDCC75


Code CSS:

background-image: linear-gradient(135deg, #77A8FD 2%, #FDCC75 99%);

 

HEX #77A8FD sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #77A8FD 5%, #FDCC75 94%);

 

HEX #FDCC75 sur HEX #E777FD


Code CSS:

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

 

HEX #FDCC75 sur HEX #E777FD


Code CSS:

background-image: radial-gradient(circle, #FDCC75 4%, #E777FD 89%);

 

HEX #E777FD sur HEX #FDCC75


Code CSS:

background-image: linear-gradient(135deg, #E777FD 12%, #FDCC75 90%);

 

HEX #E777FD sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #E777FD 0%, #FDCC75 97%);

Linéaire

HEX #FDCC75 sur HEX #77FD89


Code CSS:

background-image: linear-gradient(135deg, #FDCC75 2%, #77FD89 96%);

Radial

HEX #FDCC75 sur HEX #77FD89


Code CSS:

background-image: radial-gradient(circle, #FDCC75 3%, #77FD89 100%);

 

HEX #77FD89 sur HEX #FDCC75


Code CSS:

background-image: linear-gradient(135deg, #77FD89 5%, #FDCC75 97%);

 

HEX #77FD89 sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #77FD89 11%, #FDCC75 93%);

 

HEX #FDCC75 sur HEX #77A8FD


Code CSS:

background-image: linear-gradient(135deg, #FDCC75 11%, #77A8FD 95%);

 

HEX #FDCC75 sur HEX #77A8FD


Code CSS:

background-image: radial-gradient(circle, #FDCC75 13%, #77A8FD 96%);

 

HEX #77A8FD sur HEX #FDCC75


Code CSS:

background-image: linear-gradient(135deg, #77A8FD 14%, #FDCC75 94%);

 

HEX #77A8FD sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #77A8FD 9%, #FDCC75 98%);

 

HEX #FDCC75 sur HEX #FD77EB


Code CSS:

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

 

HEX #FDCC75 sur HEX #FD77EB


Code CSS:

background-image: radial-gradient(circle, #FDCC75 11%, #FD77EB 90%);

 

HEX #FD77EB sur HEX #FDCC75


Code CSS:

background-image: linear-gradient(135deg, #FD77EB 7%, #FDCC75 99%);

 

HEX #FD77EB sur HEX #FDCC75


Code CSS:

background-image: radial-gradient(circle, #FD77EB 5%, #FDCC75 95%);

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, a registration is required.

Log 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 desired link.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View them under your profile.
You can customize them further, and share them.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

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