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

✕

CSS Gradients:
#FC8368

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, 131 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 131 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, 48 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% 48% 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 #FC8368 sur HEX #037C97


Code CSS:

background-image: linear-gradient(135deg, #FC8368 13%, #037C97 94%);

Radial

HEX #FC8368 sur HEX #037C97


Code CSS:

background-image: radial-gradient(circle, #FC8368 12%, #037C97 86%);

 

HEX #037C97 sur HEX #FC8368


Code CSS:

background-image: linear-gradient(135deg, #037C97 7%, #FC8368 90%);

 

HEX #037C97 sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #037C97 8%, #FC8368 92%);

Linéaire

HEX #FC8368 sur HEX #FF9576


Code CSS:

background-image: linear-gradient(135deg, #FC8368 10%, #FF9576 97%);

Radial

HEX #FC8368 sur HEX #FF9576


Code CSS:

background-image: radial-gradient(circle, #FC8368 2%, #FF9576 89%);

 

HEX #FF9576 sur HEX #FC8368


Code CSS:

background-image: linear-gradient(135deg, #FF9576 2%, #FC8368 94%);

 

HEX #FF9576 sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #FF9576 2%, #FC8368 87%);

 

HEX #FC8368 sur HEX #FFA789


Code CSS:

background-image: linear-gradient(135deg, #FC8368 1%, #FFA789 91%);

 

HEX #FC8368 sur HEX #FFA789


Code CSS:

background-image: radial-gradient(circle, #FC8368 8%, #FFA789 99%);

 

HEX #FFA789 sur HEX #FC8368


Code CSS:

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

 

HEX #FFA789 sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #FFA789 3%, #FC8368 86%);

 

HEX #FC8368 sur HEX #FFB99C


Code CSS:

background-image: linear-gradient(135deg, #FC8368 1%, #FFB99C 91%);

 

HEX #FC8368 sur HEX #FFB99C


Code CSS:

background-image: radial-gradient(circle, #FC8368 8%, #FFB99C 99%);

 

HEX #FFB99C sur HEX #FC8368


Code CSS:

background-image: linear-gradient(135deg, #FFB99C 12%, #FC8368 100%);

 

HEX #FFB99C sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #FFB99C 0%, #FC8368 87%);

 

HEX #FC8368 sur HEX #FFCBAF


Code CSS:

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

 

HEX #FC8368 sur HEX #FFCBAF


Code CSS:

background-image: radial-gradient(circle, #FC8368 2%, #FFCBAF 98%);

 

HEX #FFCBAF sur HEX #FC8368


Code CSS:

background-image: linear-gradient(135deg, #FFCBAF 9%, #FC8368 99%);

 

HEX #FFCBAF sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #FFCBAF 8%, #FC8368 88%);

Linéaire

HEX #FC8368 sur HEX #EB7155


Code CSS:

background-image: linear-gradient(135deg, #FC8368 13%, #EB7155 93%);

Radial

HEX #FC8368 sur HEX #EB7155


Code CSS:

background-image: radial-gradient(circle, #FC8368 10%, #EB7155 94%);

 

HEX #EB7155 sur HEX #FC8368


Code CSS:

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

 

HEX #EB7155 sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #EB7155 2%, #FC8368 92%);

 

HEX #FC8368 sur HEX #DA5F42


Code CSS:

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

 

HEX #FC8368 sur HEX #DA5F42


Code CSS:

background-image: radial-gradient(circle, #FC8368 11%, #DA5F42 89%);

 

HEX #DA5F42 sur HEX #FC8368


Code CSS:

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

 

HEX #DA5F42 sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #DA5F42 10%, #FC8368 87%);

 

HEX #FC8368 sur HEX #C94D2F


Code CSS:

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

 

HEX #FC8368 sur HEX #C94D2F


Code CSS:

background-image: radial-gradient(circle, #FC8368 3%, #C94D2F 92%);

 

HEX #C94D2F sur HEX #FC8368


Code CSS:

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

 

HEX #C94D2F sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #C94D2F 2%, #FC8368 97%);

 

HEX #FC8368 sur HEX #B83B1C


Code CSS:

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

 

HEX #FC8368 sur HEX #B83B1C


Code CSS:

background-image: radial-gradient(circle, #FC8368 11%, #B83B1C 97%);

 

HEX #B83B1C sur HEX #FC8368


Code CSS:

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

 

HEX #B83B1C sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #B83B1C 8%, #FC8368 90%);

Linéaire

HEX #FC8368 sur HEX #FB9A69


Code CSS:

background-image: linear-gradient(135deg, #FC8368 12%, #FB9A69 91%);

Radial

HEX #FC8368 sur HEX #FB9A69


Code CSS:

background-image: radial-gradient(circle, #FC8368 5%, #FB9A69 92%);

 

HEX #FB9A69 sur HEX #FC8368


Code CSS:

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

 

HEX #FB9A69 sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #FB9A69 8%, #FC8368 89%);

 

HEX #FC8368 sur HEX #FBB269


Code CSS:

background-image: linear-gradient(135deg, #FC8368 2%, #FBB269 99%);

 

HEX #FC8368 sur HEX #FBB269


Code CSS:

background-image: radial-gradient(circle, #FC8368 1%, #FBB269 94%);

 

HEX #FBB269 sur HEX #FC8368


Code CSS:

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

 

HEX #FBB269 sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #FBB269 4%, #FC8368 89%);

 

HEX #FC8368 sur HEX #FBCA69


Code CSS:

background-image: linear-gradient(135deg, #FC8368 3%, #FBCA69 86%);

 

HEX #FC8368 sur HEX #FBCA69


Code CSS:

background-image: radial-gradient(circle, #FC8368 12%, #FBCA69 97%);

 

HEX #FBCA69 sur HEX #FC8368


Code CSS:

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

 

HEX #FBCA69 sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #FBCA69 11%, #FC8368 95%);

 

HEX #FC8368 sur HEX #FBE369


Code CSS:

background-image: linear-gradient(135deg, #FC8368 12%, #FBE369 91%);

 

HEX #FC8368 sur HEX #FBE369


Code CSS:

background-image: radial-gradient(circle, #FC8368 8%, #FBE369 91%);

 

HEX #FBE369 sur HEX #FC8368


Code CSS:

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

 

HEX #FBE369 sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #FBE369 0%, #FC8368 91%);

Linéaire

HEX #FC8368 sur HEX #301914


Code CSS:

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

Radial

HEX #FC8368 sur HEX #301914


Code CSS:

background-image: radial-gradient(circle, #FC8368 7%, #301914 99%);

 

HEX #301914 sur HEX #FC8368


Code CSS:

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

 

HEX #301914 sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #301914 12%, #FC8368 95%);

 

HEX #FC8368 sur HEX #633329


Code CSS:

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

 

HEX #FC8368 sur HEX #633329


Code CSS:

background-image: radial-gradient(circle, #FC8368 14%, #633329 99%);

 

HEX #633329 sur HEX #FC8368


Code CSS:

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

 

HEX #633329 sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #633329 2%, #FC8368 99%);

 

HEX #FC8368 sur HEX #964E3E


Code CSS:

background-image: linear-gradient(135deg, #FC8368 6%, #964E3E 91%);

 

HEX #FC8368 sur HEX #964E3E


Code CSS:

background-image: radial-gradient(circle, #FC8368 9%, #964E3E 87%);

 

HEX #964E3E sur HEX #FC8368


Code CSS:

background-image: linear-gradient(135deg, #964E3E 5%, #FC8368 89%);

 

HEX #964E3E sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #964E3E 5%, #FC8368 93%);

 

HEX #FC8368 sur HEX #C96853


Code CSS:

background-image: linear-gradient(135deg, #FC8368 9%, #C96853 88%);

 

HEX #FC8368 sur HEX #C96853


Code CSS:

background-image: radial-gradient(circle, #FC8368 4%, #C96853 93%);

 

HEX #C96853 sur HEX #FC8368


Code CSS:

background-image: linear-gradient(135deg, #C96853 3%, #FC8368 98%);

 

HEX #C96853 sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #C96853 11%, #FC8368 99%);

Linéaire

HEX #FC8368 sur HEX #C6FB69


Code CSS:

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

Radial

HEX #FC8368 sur HEX #C6FB69


Code CSS:

background-image: radial-gradient(circle, #FC8368 8%, #C6FB69 92%);

 

HEX #C6FB69 sur HEX #FC8368


Code CSS:

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

 

HEX #C6FB69 sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #C6FB69 3%, #FC8368 91%);

 

HEX #FC8368 sur HEX #698BFB


Code CSS:

background-image: linear-gradient(135deg, #FC8368 1%, #698BFB 87%);

 

HEX #FC8368 sur HEX #698BFB


Code CSS:

background-image: radial-gradient(circle, #FC8368 6%, #698BFB 99%);

 

HEX #698BFB sur HEX #FC8368


Code CSS:

background-image: linear-gradient(135deg, #698BFB 4%, #FC8368 95%);

 

HEX #698BFB sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #698BFB 1%, #FC8368 97%);

Linéaire

HEX #FC8368 sur HEX #69FB81


Code CSS:

background-image: linear-gradient(135deg, #FC8368 12%, #69FB81 89%);

Radial

HEX #FC8368 sur HEX #69FB81


Code CSS:

background-image: radial-gradient(circle, #FC8368 0%, #69FB81 95%);

 

HEX #69FB81 sur HEX #FC8368


Code CSS:

background-image: linear-gradient(135deg, #69FB81 13%, #FC8368 92%);

 

HEX #69FB81 sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #69FB81 9%, #FC8368 90%);

 

HEX #FC8368 sur HEX #8169FB


Code CSS:

background-image: linear-gradient(135deg, #FC8368 2%, #8169FB 99%);

 

HEX #FC8368 sur HEX #8169FB


Code CSS:

background-image: radial-gradient(circle, #FC8368 10%, #8169FB 95%);

 

HEX #8169FB sur HEX #FC8368


Code CSS:

background-image: linear-gradient(135deg, #8169FB 7%, #FC8368 87%);

 

HEX #8169FB sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #8169FB 7%, #FC8368 99%);

Linéaire

HEX #FC8368 sur HEX #C6FB69


Code CSS:

background-image: linear-gradient(135deg, #FC8368 14%, #C6FB69 87%);

Radial

HEX #FC8368 sur HEX #C6FB69


Code CSS:

background-image: radial-gradient(circle, #FC8368 11%, #C6FB69 86%);

 

HEX #C6FB69 sur HEX #FC8368


Code CSS:

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

 

HEX #C6FB69 sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #C6FB69 13%, #FC8368 87%);

 

HEX #FC8368 sur HEX #69E3FB


Code CSS:

background-image: linear-gradient(135deg, #FC8368 11%, #69E3FB 98%);

 

HEX #FC8368 sur HEX #69E3FB


Code CSS:

background-image: radial-gradient(circle, #FC8368 14%, #69E3FB 94%);

 

HEX #69E3FB sur HEX #FC8368


Code CSS:

background-image: linear-gradient(135deg, #69E3FB 12%, #FC8368 92%);

 

HEX #69E3FB sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #69E3FB 4%, #FC8368 97%);

 

HEX #FC8368 sur HEX #9E69FB


Code CSS:

background-image: linear-gradient(135deg, #FC8368 4%, #9E69FB 92%);

 

HEX #FC8368 sur HEX #9E69FB


Code CSS:

background-image: radial-gradient(circle, #FC8368 4%, #9E69FB 92%);

 

HEX #9E69FB sur HEX #FC8368


Code CSS:

background-image: linear-gradient(135deg, #9E69FB 12%, #FC8368 86%);

 

HEX #9E69FB sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #9E69FB 9%, #FC8368 93%);

Linéaire

HEX #FC8368 sur HEX #9AFB69


Code CSS:

background-image: linear-gradient(135deg, #FC8368 3%, #9AFB69 95%);

Radial

HEX #FC8368 sur HEX #9AFB69


Code CSS:

background-image: radial-gradient(circle, #FC8368 13%, #9AFB69 97%);

 

HEX #9AFB69 sur HEX #FC8368


Code CSS:

background-image: linear-gradient(135deg, #9AFB69 10%, #FC8368 97%);

 

HEX #9AFB69 sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #9AFB69 12%, #FC8368 96%);

 

HEX #FC8368 sur HEX #69E3FB


Code CSS:

background-image: linear-gradient(135deg, #FC8368 9%, #69E3FB 100%);

 

HEX #FC8368 sur HEX #69E3FB


Code CSS:

background-image: radial-gradient(circle, #FC8368 13%, #69E3FB 95%);

 

HEX #69E3FB sur HEX #FC8368


Code CSS:

background-image: linear-gradient(135deg, #69E3FB 3%, #FC8368 86%);

 

HEX #69E3FB sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #69E3FB 2%, #FC8368 98%);

 

HEX #FC8368 sur HEX #CA69FB


Code CSS:

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

 

HEX #FC8368 sur HEX #CA69FB


Code CSS:

background-image: radial-gradient(circle, #FC8368 12%, #CA69FB 90%);

 

HEX #CA69FB sur HEX #FC8368


Code CSS:

background-image: linear-gradient(135deg, #CA69FB 8%, #FC8368 97%);

 

HEX #CA69FB sur HEX #FC8368


Code CSS:

background-image: radial-gradient(circle, #CA69FB 5%, #FC8368 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
Icons

CMYK en HEX

convertir de CMYK cyan / magenta / jaune / key sur #RRGGBB
Icons

CMYK en RGB

convertir de CMYK cyan / magenta / jaune / key sur RGB rouge vert bleu
Icons

CMYK en RGBA

convertir de CMYK cyan / magenta / jaune / key sur RGBA rouge vert bleu transparent
Icons

CMYK en RAL®

convertir de CMYK cyan / magenta / jaune / key sur Numéro RAL® (RAL 0000)
Icons

CMYK en HKS®

convertir de CMYK cyan / magenta / jaune / key sur Numéro HKS® (HKS 00)
Icons

CMYK en PANTONE®

convertir de CMYK cyan / magenta / jaune / key sur Numéro Pantone® (Pantone 0000)
Icons

CMYK en Sherwin Williams®

convertir de CMYK cyan / magenta / jaune / key sur Sherwin Williams® numéro (SW 0000)
Icons

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
nsc-logo

NCS® en RGB

convertir de Numéro NCS (S0000-X00X) sur RGB rouge vert bleu
nsc-logo

NCS® en RGBA

convertir de Numéro NCS (S0000-X00X) sur RGBA rouge vert bleu transparent
nsc-logo

NCS® en CMYK

convertir de Numéro NCS (S0000-X00X) sur CMYK cyan / magenta / jaune / key

Icons
nsc-logo

NCS® en HEX

convertir de Numéro NCS (S0000-X00X) sur #RRGGBB
nsc-logo

NCS® en RAL®

convertir de Numéro NCS (S0000-X00X) sur Numéro RAL® (RAL 0000)
nsc-logo

NCS® en HKS®

convertir de Numéro NCS (S0000-X00X) sur Numéro HKS® (HKS 00)
nsc-logo

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.

© 2019-2024 in cooperation ND-DESIGN.WORKS & frag-bobby.de