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

CSS Gradients:
#FBC787

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, 199 Vert et 135 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 199 135 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, 21 magenta, 46 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% 21% 46% 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 #FBC787 sur HEX #043878


Code CSS:

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

Radial

HEX #FBC787 sur HEX #043878


Code CSS:

background-image: radial-gradient(circle, #FBC787 9%, #043878 99%);

 

HEX #043878 sur HEX #FBC787


Code CSS:

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

 

HEX #043878 sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #043878 3%, #FBC787 86%);

Linéaire

HEX #FBC787 sur HEX #FBA988


Code CSS:

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

Radial

HEX #FBC787 sur HEX #FBA988


Code CSS:

background-image: radial-gradient(circle, #FBC787 10%, #FBA988 99%);

 

HEX #FBA988 sur HEX #FBC787


Code CSS:

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

 

HEX #FBA988 sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #FBA988 2%, #FBC787 96%);

 

HEX #FBC787 sur HEX #FBC888


Code CSS:

background-image: linear-gradient(135deg, #FBC787 9%, #FBC888 92%);

 

HEX #FBC787 sur HEX #FBC888


Code CSS:

background-image: radial-gradient(circle, #FBC787 8%, #FBC888 87%);

 

HEX #FBC888 sur HEX #FBC787


Code CSS:

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

 

HEX #FBC888 sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #FBC888 4%, #FBC787 90%);

 

HEX #FBC787 sur HEX #FBE688


Code CSS:

background-image: linear-gradient(135deg, #FBC787 3%, #FBE688 95%);

 

HEX #FBC787 sur HEX #FBE688


Code CSS:

background-image: radial-gradient(circle, #FBC787 7%, #FBE688 98%);

 

HEX #FBE688 sur HEX #FBC787


Code CSS:

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

 

HEX #FBE688 sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #FBE688 13%, #FBC787 97%);

 

HEX #FBC787 sur HEX #F2FB88


Code CSS:

background-image: linear-gradient(135deg, #FBC787 5%, #F2FB88 88%);

 

HEX #FBC787 sur HEX #F2FB88


Code CSS:

background-image: radial-gradient(circle, #FBC787 5%, #F2FB88 97%);

 

HEX #F2FB88 sur HEX #FBC787


Code CSS:

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

 

HEX #F2FB88 sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #F2FB88 8%, #FBC787 89%);

Linéaire

HEX #FBC787 sur HEX #FAB560


Code CSS:

background-image: linear-gradient(135deg, #FBC787 1%, #FAB560 92%);

Radial

HEX #FBC787 sur HEX #FAB560


Code CSS:

background-image: radial-gradient(circle, #FBC787 12%, #FAB560 96%);

 

HEX #FAB560 sur HEX #FBC787


Code CSS:

background-image: linear-gradient(135deg, #FAB560 9%, #FBC787 94%);

 

HEX #FAB560 sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #FAB560 3%, #FBC787 97%);

 

HEX #FBC787 sur HEX #FBC888


Code CSS:

background-image: linear-gradient(135deg, #FBC787 14%, #FBC888 90%);

 

HEX #FBC787 sur HEX #FBC888


Code CSS:

background-image: radial-gradient(circle, #FBC787 13%, #FBC888 99%);

 

HEX #FBC888 sur HEX #FBC787


Code CSS:

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

 

HEX #FBC888 sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #FBC888 10%, #FBC787 91%);

 

HEX #FBC787 sur HEX #FDDAB0


Code CSS:

background-image: linear-gradient(135deg, #FBC787 3%, #FDDAB0 92%);

 

HEX #FBC787 sur HEX #FDDAB0


Code CSS:

background-image: radial-gradient(circle, #FBC787 10%, #FDDAB0 89%);

 

HEX #FDDAB0 sur HEX #FBC787


Code CSS:

background-image: linear-gradient(135deg, #FDDAB0 13%, #FBC787 89%);

 

HEX #FDDAB0 sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #FDDAB0 4%, #FBC787 90%);

 

HEX #FBC787 sur HEX #FEEDD8


Code CSS:

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

 

HEX #FBC787 sur HEX #FEEDD8


Code CSS:

background-image: radial-gradient(circle, #FBC787 12%, #FEEDD8 86%);

 

HEX #FEEDD8 sur HEX #FBC787


Code CSS:

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

 

HEX #FEEDD8 sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #FEEDD8 2%, #FBC787 94%);

Linéaire

HEX #FBC787 sur HEX #FBA988


Code CSS:

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

Radial

HEX #FBC787 sur HEX #FBA988


Code CSS:

background-image: radial-gradient(circle, #FBC787 12%, #FBA988 92%);

 

HEX #FBA988 sur HEX #FBC787


Code CSS:

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

 

HEX #FBA988 sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #FBA988 6%, #FBC787 95%);

 

HEX #FBC787 sur HEX #FBC888


Code CSS:

background-image: linear-gradient(135deg, #FBC787 0%, #FBC888 99%);

 

HEX #FBC787 sur HEX #FBC888


Code CSS:

background-image: radial-gradient(circle, #FBC787 14%, #FBC888 93%);

 

HEX #FBC888 sur HEX #FBC787


Code CSS:

background-image: linear-gradient(135deg, #FBC888 0%, #FBC787 91%);

 

HEX #FBC888 sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #FBC888 0%, #FBC787 98%);

 

HEX #FBC787 sur HEX #FBE688


Code CSS:

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

 

HEX #FBC787 sur HEX #FBE688


Code CSS:

background-image: radial-gradient(circle, #FBC787 5%, #FBE688 92%);

 

HEX #FBE688 sur HEX #FBC787


Code CSS:

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

 

HEX #FBE688 sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #FBE688 2%, #FBC787 86%);

 

HEX #FBC787 sur HEX #F2FB88


Code CSS:

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

 

HEX #FBC787 sur HEX #F2FB88


Code CSS:

background-image: radial-gradient(circle, #FBC787 0%, #F2FB88 89%);

 

HEX #F2FB88 sur HEX #FBC787


Code CSS:

background-image: linear-gradient(135deg, #F2FB88 8%, #FBC787 98%);

 

HEX #F2FB88 sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #F2FB88 13%, #FBC787 87%);

Linéaire

HEX #FBC787 sur HEX #FAB560


Code CSS:

background-image: linear-gradient(135deg, #FBC787 3%, #FAB560 96%);

Radial

HEX #FBC787 sur HEX #FAB560


Code CSS:

background-image: radial-gradient(circle, #FBC787 4%, #FAB560 95%);

 

HEX #FAB560 sur HEX #FBC787


Code CSS:

background-image: linear-gradient(135deg, #FAB560 7%, #FBC787 87%);

 

HEX #FAB560 sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #FAB560 11%, #FBC787 98%);

 

HEX #FBC787 sur HEX #FBC888


Code CSS:

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

 

HEX #FBC787 sur HEX #FBC888


Code CSS:

background-image: radial-gradient(circle, #FBC787 4%, #FBC888 97%);

 

HEX #FBC888 sur HEX #FBC787


Code CSS:

background-image: linear-gradient(135deg, #FBC888 6%, #FBC787 95%);

 

HEX #FBC888 sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #FBC888 0%, #FBC787 95%);

 

HEX #FBC787 sur HEX #FDDAB0


Code CSS:

background-image: linear-gradient(135deg, #FBC787 8%, #FDDAB0 88%);

 

HEX #FBC787 sur HEX #FDDAB0


Code CSS:

background-image: radial-gradient(circle, #FBC787 5%, #FDDAB0 94%);

 

HEX #FDDAB0 sur HEX #FBC787


Code CSS:

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

 

HEX #FDDAB0 sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #FDDAB0 5%, #FBC787 95%);

 

HEX #FBC787 sur HEX #FEEDD8


Code CSS:

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

 

HEX #FBC787 sur HEX #FEEDD8


Code CSS:

background-image: radial-gradient(circle, #FBC787 11%, #FEEDD8 98%);

 

HEX #FEEDD8 sur HEX #FBC787


Code CSS:

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

 

HEX #FEEDD8 sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #FEEDD8 6%, #FBC787 99%);

Linéaire

HEX #FBC787 sur HEX #A5FB88


Code CSS:

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

Radial

HEX #FBC787 sur HEX #A5FB88


Code CSS:

background-image: radial-gradient(circle, #FBC787 11%, #A5FB88 93%);

 

HEX #A5FB88 sur HEX #FBC787


Code CSS:

background-image: linear-gradient(135deg, #A5FB88 0%, #FBC787 94%);

 

HEX #A5FB88 sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #A5FB88 11%, #FBC787 89%);

 

HEX #FBC787 sur HEX #9A88FB


Code CSS:

background-image: linear-gradient(135deg, #FBC787 5%, #9A88FB 99%);

 

HEX #FBC787 sur HEX #9A88FB


Code CSS:

background-image: radial-gradient(circle, #FBC787 3%, #9A88FB 93%);

 

HEX #9A88FB sur HEX #FBC787


Code CSS:

background-image: linear-gradient(135deg, #9A88FB 12%, #FBC787 90%);

 

HEX #9A88FB sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #9A88FB 5%, #FBC787 88%);

Linéaire

HEX #FBC787 sur HEX #88FBC8


Code CSS:

background-image: linear-gradient(135deg, #FBC787 13%, #88FBC8 95%);

Radial

HEX #FBC787 sur HEX #88FBC8


Code CSS:

background-image: radial-gradient(circle, #FBC787 8%, #88FBC8 96%);

 

HEX #88FBC8 sur HEX #FBC787


Code CSS:

background-image: linear-gradient(135deg, #88FBC8 4%, #FBC787 92%);

 

HEX #88FBC8 sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #88FBC8 3%, #FBC787 98%);

 

HEX #FBC787 sur HEX #C888FB


Code CSS:

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

 

HEX #FBC787 sur HEX #C888FB


Code CSS:

background-image: radial-gradient(circle, #FBC787 14%, #C888FB 86%);

 

HEX #C888FB sur HEX #FBC787


Code CSS:

background-image: linear-gradient(135deg, #C888FB 10%, #FBC787 88%);

 

HEX #C888FB sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #C888FB 1%, #FBC787 100%);

Linéaire

HEX #FBC787 sur HEX #A5FB88


Code CSS:

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

Radial

HEX #FBC787 sur HEX #A5FB88


Code CSS:

background-image: radial-gradient(circle, #FBC787 2%, #A5FB88 99%);

 

HEX #A5FB88 sur HEX #FBC787


Code CSS:

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

 

HEX #A5FB88 sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #A5FB88 3%, #FBC787 88%);

 

HEX #FBC787 sur HEX #88BCFB


Code CSS:

background-image: linear-gradient(135deg, #FBC787 12%, #88BCFB 86%);

 

HEX #FBC787 sur HEX #88BCFB


Code CSS:

background-image: radial-gradient(circle, #FBC787 3%, #88BCFB 100%);

 

HEX #88BCFB sur HEX #FBC787


Code CSS:

background-image: linear-gradient(135deg, #88BCFB 6%, #FBC787 93%);

 

HEX #88BCFB sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #88BCFB 14%, #FBC787 86%);

 

HEX #FBC787 sur HEX #DF88FB


Code CSS:

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

 

HEX #FBC787 sur HEX #DF88FB


Code CSS:

background-image: radial-gradient(circle, #FBC787 10%, #DF88FB 89%);

 

HEX #DF88FB sur HEX #FBC787


Code CSS:

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

 

HEX #DF88FB sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #DF88FB 4%, #FBC787 91%);

Linéaire

HEX #FBC787 sur HEX #88FB8E


Code CSS:

background-image: linear-gradient(135deg, #FBC787 9%, #88FB8E 87%);

Radial

HEX #FBC787 sur HEX #88FB8E


Code CSS:

background-image: radial-gradient(circle, #FBC787 12%, #88FB8E 96%);

 

HEX #88FB8E sur HEX #FBC787


Code CSS:

background-image: linear-gradient(135deg, #88FB8E 1%, #FBC787 86%);

 

HEX #88FB8E sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #88FB8E 12%, #FBC787 87%);

 

HEX #FBC787 sur HEX #88BCFB


Code CSS:

background-image: linear-gradient(135deg, #FBC787 1%, #88BCFB 87%);

 

HEX #FBC787 sur HEX #88BCFB


Code CSS:

background-image: radial-gradient(circle, #FBC787 13%, #88BCFB 92%);

 

HEX #88BCFB sur HEX #FBC787


Code CSS:

background-image: linear-gradient(135deg, #88BCFB 1%, #FBC787 90%);

 

HEX #88BCFB sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #88BCFB 6%, #FBC787 97%);

 

HEX #FBC787 sur HEX #FB88F6


Code CSS:

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

 

HEX #FBC787 sur HEX #FB88F6


Code CSS:

background-image: radial-gradient(circle, #FBC787 6%, #FB88F6 99%);

 

HEX #FB88F6 sur HEX #FBC787


Code CSS:

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

 

HEX #FB88F6 sur HEX #FBC787


Code CSS:

background-image: radial-gradient(circle, #FB88F6 1%, #FBC787 94%);

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.