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

CSS Gradients:
#FBB696

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 251 Rouge, 182 Vert et 150 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.
251 182 150 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, 27 magenta, 40 jaune et 2 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% 27% 40% 2% 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 #FBB696 sur HEX #044969


Code CSS:

background-image: linear-gradient(135deg, #FBB696 12%, #044969 87%);

Radial

HEX #FBB696 sur HEX #044969


Code CSS:

background-image: radial-gradient(circle, #FBB696 12%, #044969 99%);

 

HEX #044969 sur HEX #FBB696


Code CSS:

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

 

HEX #044969 sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #044969 4%, #FBB696 93%);

Linéaire

HEX #FBB696 sur HEX #FB9D98


Code CSS:

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

Radial

HEX #FBB696 sur HEX #FB9D98


Code CSS:

background-image: radial-gradient(circle, #FBB696 8%, #FB9D98 99%);

 

HEX #FB9D98 sur HEX #FBB696


Code CSS:

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

 

HEX #FB9D98 sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #FB9D98 2%, #FBB696 87%);

 

HEX #FBB696 sur HEX #FBB798


Code CSS:

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

 

HEX #FBB696 sur HEX #FBB798


Code CSS:

background-image: radial-gradient(circle, #FBB696 8%, #FBB798 94%);

 

HEX #FBB798 sur HEX #FBB696


Code CSS:

background-image: linear-gradient(135deg, #FBB798 4%, #FBB696 95%);

 

HEX #FBB798 sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #FBB798 8%, #FBB696 98%);

 

HEX #FBB696 sur HEX #FBD298


Code CSS:

background-image: linear-gradient(135deg, #FBB696 5%, #FBD298 94%);

 

HEX #FBB696 sur HEX #FBD298


Code CSS:

background-image: radial-gradient(circle, #FBB696 8%, #FBD298 94%);

 

HEX #FBD298 sur HEX #FBB696


Code CSS:

background-image: linear-gradient(135deg, #FBD298 12%, #FBB696 98%);

 

HEX #FBD298 sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #FBD298 7%, #FBB696 87%);

 

HEX #FBB696 sur HEX #FBEC98


Code CSS:

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

 

HEX #FBB696 sur HEX #FBEC98


Code CSS:

background-image: radial-gradient(circle, #FBB696 12%, #FBEC98 96%);

 

HEX #FBEC98 sur HEX #FBB696


Code CSS:

background-image: linear-gradient(135deg, #FBEC98 1%, #FBB696 93%);

 

HEX #FBEC98 sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #FBEC98 6%, #FBB696 92%);

Linéaire

HEX #FBB696 sur HEX #FA9C70


Code CSS:

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

Radial

HEX #FBB696 sur HEX #FA9C70


Code CSS:

background-image: radial-gradient(circle, #FBB696 14%, #FA9C70 87%);

 

HEX #FA9C70 sur HEX #FBB696


Code CSS:

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

 

HEX #FA9C70 sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #FA9C70 6%, #FBB696 97%);

 

HEX #FBB696 sur HEX #FBB798


Code CSS:

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

 

HEX #FBB696 sur HEX #FBB798


Code CSS:

background-image: radial-gradient(circle, #FBB696 3%, #FBB798 97%);

 

HEX #FBB798 sur HEX #FBB696


Code CSS:

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

 

HEX #FBB798 sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #FBB798 4%, #FBB696 87%);

 

HEX #FBB696 sur HEX #FDD3BF


Code CSS:

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

 

HEX #FBB696 sur HEX #FDD3BF


Code CSS:

background-image: radial-gradient(circle, #FBB696 9%, #FDD3BF 92%);

 

HEX #FDD3BF sur HEX #FBB696


Code CSS:

background-image: linear-gradient(135deg, #FDD3BF 2%, #FBB696 93%);

 

HEX #FDD3BF sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #FDD3BF 2%, #FBB696 86%);

 

HEX #FBB696 sur HEX #FEEFE7


Code CSS:

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

 

HEX #FBB696 sur HEX #FEEFE7


Code CSS:

background-image: radial-gradient(circle, #FBB696 4%, #FEEFE7 97%);

 

HEX #FEEFE7 sur HEX #FBB696


Code CSS:

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

 

HEX #FEEFE7 sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #FEEFE7 9%, #FBB696 91%);

Linéaire

HEX #FBB696 sur HEX #FB9D98


Code CSS:

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

Radial

HEX #FBB696 sur HEX #FB9D98


Code CSS:

background-image: radial-gradient(circle, #FBB696 6%, #FB9D98 100%);

 

HEX #FB9D98 sur HEX #FBB696


Code CSS:

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

 

HEX #FB9D98 sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #FB9D98 4%, #FBB696 86%);

 

HEX #FBB696 sur HEX #FBB798


Code CSS:

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

 

HEX #FBB696 sur HEX #FBB798


Code CSS:

background-image: radial-gradient(circle, #FBB696 5%, #FBB798 100%);

 

HEX #FBB798 sur HEX #FBB696


Code CSS:

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

 

HEX #FBB798 sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #FBB798 14%, #FBB696 98%);

 

HEX #FBB696 sur HEX #FBD298


Code CSS:

background-image: linear-gradient(135deg, #FBB696 11%, #FBD298 96%);

 

HEX #FBB696 sur HEX #FBD298


Code CSS:

background-image: radial-gradient(circle, #FBB696 4%, #FBD298 92%);

 

HEX #FBD298 sur HEX #FBB696


Code CSS:

background-image: linear-gradient(135deg, #FBD298 14%, #FBB696 97%);

 

HEX #FBD298 sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #FBD298 7%, #FBB696 97%);

 

HEX #FBB696 sur HEX #FBEC98


Code CSS:

background-image: linear-gradient(135deg, #FBB696 11%, #FBEC98 89%);

 

HEX #FBB696 sur HEX #FBEC98


Code CSS:

background-image: radial-gradient(circle, #FBB696 9%, #FBEC98 86%);

 

HEX #FBEC98 sur HEX #FBB696


Code CSS:

background-image: linear-gradient(135deg, #FBEC98 0%, #FBB696 98%);

 

HEX #FBEC98 sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #FBEC98 1%, #FBB696 96%);

Linéaire

HEX #FBB696 sur HEX #FA9C70


Code CSS:

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

Radial

HEX #FBB696 sur HEX #FA9C70


Code CSS:

background-image: radial-gradient(circle, #FBB696 8%, #FA9C70 96%);

 

HEX #FA9C70 sur HEX #FBB696


Code CSS:

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

 

HEX #FA9C70 sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #FA9C70 13%, #FBB696 99%);

 

HEX #FBB696 sur HEX #FBB798


Code CSS:

background-image: linear-gradient(135deg, #FBB696 2%, #FBB798 87%);

 

HEX #FBB696 sur HEX #FBB798


Code CSS:

background-image: radial-gradient(circle, #FBB696 5%, #FBB798 92%);

 

HEX #FBB798 sur HEX #FBB696


Code CSS:

background-image: linear-gradient(135deg, #FBB798 1%, #FBB696 99%);

 

HEX #FBB798 sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #FBB798 7%, #FBB696 92%);

 

HEX #FBB696 sur HEX #FDD3BF


Code CSS:

background-image: linear-gradient(135deg, #FBB696 1%, #FDD3BF 97%);

 

HEX #FBB696 sur HEX #FDD3BF


Code CSS:

background-image: radial-gradient(circle, #FBB696 13%, #FDD3BF 89%);

 

HEX #FDD3BF sur HEX #FBB696


Code CSS:

background-image: linear-gradient(135deg, #FDD3BF 13%, #FBB696 88%);

 

HEX #FDD3BF sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #FDD3BF 5%, #FBB696 95%);

 

HEX #FBB696 sur HEX #FEEFE7


Code CSS:

background-image: linear-gradient(135deg, #FBB696 9%, #FEEFE7 98%);

 

HEX #FBB696 sur HEX #FEEFE7


Code CSS:

background-image: radial-gradient(circle, #FBB696 1%, #FEEFE7 97%);

 

HEX #FEEFE7 sur HEX #FBB696


Code CSS:

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

 

HEX #FEEFE7 sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #FEEFE7 9%, #FBB696 90%);

Linéaire

HEX #FBB696 sur HEX #C8FB98


Code CSS:

background-image: linear-gradient(135deg, #FBB696 1%, #C8FB98 99%);

Radial

HEX #FBB696 sur HEX #C8FB98


Code CSS:

background-image: radial-gradient(circle, #FBB696 4%, #C8FB98 95%);

 

HEX #C8FB98 sur HEX #FBB696


Code CSS:

background-image: linear-gradient(135deg, #C8FB98 4%, #FBB696 95%);

 

HEX #C8FB98 sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #C8FB98 8%, #FBB696 87%);

 

HEX #FBB696 sur HEX #98A0FB


Code CSS:

background-image: linear-gradient(135deg, #FBB696 9%, #98A0FB 95%);

 

HEX #FBB696 sur HEX #98A0FB


Code CSS:

background-image: radial-gradient(circle, #FBB696 1%, #98A0FB 100%);

 

HEX #98A0FB sur HEX #FBB696


Code CSS:

background-image: linear-gradient(135deg, #98A0FB 1%, #FBB696 99%);

 

HEX #98A0FB sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #98A0FB 9%, #FBB696 98%);

Linéaire

HEX #FBB696 sur HEX #98FBB7


Code CSS:

background-image: linear-gradient(135deg, #FBB696 9%, #98FBB7 97%);

Radial

HEX #FBB696 sur HEX #98FBB7


Code CSS:

background-image: radial-gradient(circle, #FBB696 12%, #98FBB7 98%);

 

HEX #98FBB7 sur HEX #FBB696


Code CSS:

background-image: linear-gradient(135deg, #98FBB7 9%, #FBB696 86%);

 

HEX #98FBB7 sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #98FBB7 12%, #FBB696 100%);

 

HEX #FBB696 sur HEX #B798FB


Code CSS:

background-image: linear-gradient(135deg, #FBB696 0%, #B798FB 98%);

 

HEX #FBB696 sur HEX #B798FB


Code CSS:

background-image: radial-gradient(circle, #FBB696 3%, #B798FB 87%);

 

HEX #B798FB sur HEX #FBB696


Code CSS:

background-image: linear-gradient(135deg, #B798FB 14%, #FBB696 96%);

 

HEX #B798FB sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #B798FB 3%, #FBB696 87%);

Linéaire

HEX #FBB696 sur HEX #C8FB98


Code CSS:

background-image: linear-gradient(135deg, #FBB696 9%, #C8FB98 91%);

Radial

HEX #FBB696 sur HEX #C8FB98


Code CSS:

background-image: radial-gradient(circle, #FBB696 8%, #C8FB98 99%);

 

HEX #C8FB98 sur HEX #FBB696


Code CSS:

background-image: linear-gradient(135deg, #C8FB98 14%, #FBB696 93%);

 

HEX #C8FB98 sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #C8FB98 5%, #FBB696 91%);

 

HEX #FBB696 sur HEX #98DCFB


Code CSS:

background-image: linear-gradient(135deg, #FBB696 3%, #98DCFB 90%);

 

HEX #FBB696 sur HEX #98DCFB


Code CSS:

background-image: radial-gradient(circle, #FBB696 13%, #98DCFB 95%);

 

HEX #98DCFB sur HEX #FBB696


Code CSS:

background-image: linear-gradient(135deg, #98DCFB 0%, #FBB696 92%);

 

HEX #98DCFB sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #98DCFB 14%, #FBB696 96%);

 

HEX #FBB696 sur HEX #CB98FB


Code CSS:

background-image: linear-gradient(135deg, #FBB696 9%, #CB98FB 91%);

 

HEX #FBB696 sur HEX #CB98FB


Code CSS:

background-image: radial-gradient(circle, #FBB696 1%, #CB98FB 99%);

 

HEX #CB98FB sur HEX #FBB696


Code CSS:

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

 

HEX #CB98FB sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #CB98FB 12%, #FBB696 98%);

Linéaire

HEX #FBB696 sur HEX #AAFB98


Code CSS:

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

Radial

HEX #FBB696 sur HEX #AAFB98


Code CSS:

background-image: radial-gradient(circle, #FBB696 2%, #AAFB98 93%);

 

HEX #AAFB98 sur HEX #FBB696


Code CSS:

background-image: linear-gradient(135deg, #AAFB98 2%, #FBB696 88%);

 

HEX #AAFB98 sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #AAFB98 7%, #FBB696 97%);

 

HEX #FBB696 sur HEX #98DCFB


Code CSS:

background-image: linear-gradient(135deg, #FBB696 11%, #98DCFB 87%);

 

HEX #FBB696 sur HEX #98DCFB


Code CSS:

background-image: radial-gradient(circle, #FBB696 4%, #98DCFB 88%);

 

HEX #98DCFB sur HEX #FBB696


Code CSS:

background-image: linear-gradient(135deg, #98DCFB 5%, #FBB696 88%);

 

HEX #98DCFB sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #98DCFB 14%, #FBB696 99%);

 

HEX #FBB696 sur HEX #E998FB


Code CSS:

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

 

HEX #FBB696 sur HEX #E998FB


Code CSS:

background-image: radial-gradient(circle, #FBB696 14%, #E998FB 89%);

 

HEX #E998FB sur HEX #FBB696


Code CSS:

background-image: linear-gradient(135deg, #E998FB 13%, #FBB696 88%);

 

HEX #E998FB sur HEX #FBB696


Code CSS:

background-image: radial-gradient(circle, #E998FB 0%, #FBB696 89%);

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.