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

✕

CSS Gradients:
#B0C78B

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 176 Rouge, 199 Vert et 139 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.
176 199 139 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 12 cyan, pas de magenta, 30 jaune et 22 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.
12% 0% 30% 22% 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 #B0C78B sur HEX #4F3874


Code CSS:

background-image: linear-gradient(135deg, #B0C78B 13%, #4F3874 93%);

Radial

HEX #B0C78B sur HEX #4F3874


Code CSS:

background-image: radial-gradient(circle, #B0C78B 12%, #4F3874 87%);

 

HEX #4F3874 sur HEX #B0C78B


Code CSS:

background-image: linear-gradient(135deg, #4F3874 1%, #B0C78B 95%);

 

HEX #4F3874 sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #4F3874 8%, #B0C78B 96%);

Linéaire

HEX #B0C78B sur HEX #C6D999


Code CSS:

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

Radial

HEX #B0C78B sur HEX #C6D999


Code CSS:

background-image: radial-gradient(circle, #B0C78B 1%, #C6D999 98%);

 

HEX #C6D999 sur HEX #B0C78B


Code CSS:

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

 

HEX #C6D999 sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #C6D999 2%, #B0C78B 92%);

 

HEX #B0C78B sur HEX #D7EBAC


Code CSS:

background-image: linear-gradient(135deg, #B0C78B 14%, #D7EBAC 88%);

 

HEX #B0C78B sur HEX #D7EBAC


Code CSS:

background-image: radial-gradient(circle, #B0C78B 9%, #D7EBAC 91%);

 

HEX #D7EBAC sur HEX #B0C78B


Code CSS:

background-image: linear-gradient(135deg, #D7EBAC 10%, #B0C78B 89%);

 

HEX #D7EBAC sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #D7EBAC 6%, #B0C78B 93%);

 

HEX #B0C78B sur HEX #E8FDBF


Code CSS:

background-image: linear-gradient(135deg, #B0C78B 10%, #E8FDBF 90%);

 

HEX #B0C78B sur HEX #E8FDBF


Code CSS:

background-image: radial-gradient(circle, #B0C78B 12%, #E8FDBF 89%);

 

HEX #E8FDBF sur HEX #B0C78B


Code CSS:

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

 

HEX #E8FDBF sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #E8FDBF 1%, #B0C78B 91%);

 

HEX #B0C78B sur HEX #F9FFD2


Code CSS:

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

 

HEX #B0C78B sur HEX #F9FFD2


Code CSS:

background-image: radial-gradient(circle, #B0C78B 3%, #F9FFD2 90%);

 

HEX #F9FFD2 sur HEX #B0C78B


Code CSS:

background-image: linear-gradient(135deg, #F9FFD2 5%, #B0C78B 92%);

 

HEX #F9FFD2 sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #F9FFD2 8%, #B0C78B 91%);

Linéaire

HEX #B0C78B sur HEX #9FB578


Code CSS:

background-image: linear-gradient(135deg, #B0C78B 10%, #9FB578 92%);

Radial

HEX #B0C78B sur HEX #9FB578


Code CSS:

background-image: radial-gradient(circle, #B0C78B 13%, #9FB578 87%);

 

HEX #9FB578 sur HEX #B0C78B


Code CSS:

background-image: linear-gradient(135deg, #9FB578 7%, #B0C78B 90%);

 

HEX #9FB578 sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #9FB578 6%, #B0C78B 93%);

 

HEX #B0C78B sur HEX #8EA365


Code CSS:

background-image: linear-gradient(135deg, #B0C78B 1%, #8EA365 98%);

 

HEX #B0C78B sur HEX #8EA365


Code CSS:

background-image: radial-gradient(circle, #B0C78B 14%, #8EA365 86%);

 

HEX #8EA365 sur HEX #B0C78B


Code CSS:

background-image: linear-gradient(135deg, #8EA365 0%, #B0C78B 94%);

 

HEX #8EA365 sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #8EA365 12%, #B0C78B 93%);

 

HEX #B0C78B sur HEX #7D9152


Code CSS:

background-image: linear-gradient(135deg, #B0C78B 0%, #7D9152 96%);

 

HEX #B0C78B sur HEX #7D9152


Code CSS:

background-image: radial-gradient(circle, #B0C78B 1%, #7D9152 96%);

 

HEX #7D9152 sur HEX #B0C78B


Code CSS:

background-image: linear-gradient(135deg, #7D9152 5%, #B0C78B 95%);

 

HEX #7D9152 sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #7D9152 8%, #B0C78B 99%);

 

HEX #B0C78B sur HEX #6C7F3F


Code CSS:

background-image: linear-gradient(135deg, #B0C78B 4%, #6C7F3F 88%);

 

HEX #B0C78B sur HEX #6C7F3F


Code CSS:

background-image: radial-gradient(circle, #B0C78B 9%, #6C7F3F 93%);

 

HEX #6C7F3F sur HEX #B0C78B


Code CSS:

background-image: linear-gradient(135deg, #6C7F3F 4%, #B0C78B 94%);

 

HEX #6C7F3F sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #6C7F3F 1%, #B0C78B 94%);

Linéaire

HEX #B0C78B sur HEX #A5C689


Code CSS:

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

Radial

HEX #B0C78B sur HEX #A5C689


Code CSS:

background-image: radial-gradient(circle, #B0C78B 14%, #A5C689 96%);

 

HEX #A5C689 sur HEX #B0C78B


Code CSS:

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

 

HEX #A5C689 sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #A5C689 8%, #B0C78B 100%);

 

HEX #B0C78B sur HEX #9BC689


Code CSS:

background-image: linear-gradient(135deg, #B0C78B 13%, #9BC689 92%);

 

HEX #B0C78B sur HEX #9BC689


Code CSS:

background-image: radial-gradient(circle, #B0C78B 10%, #9BC689 97%);

 

HEX #9BC689 sur HEX #B0C78B


Code CSS:

background-image: linear-gradient(135deg, #9BC689 1%, #B0C78B 95%);

 

HEX #9BC689 sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #9BC689 2%, #B0C78B 94%);

 

HEX #B0C78B sur HEX #91C689


Code CSS:

background-image: linear-gradient(135deg, #B0C78B 11%, #91C689 97%);

 

HEX #B0C78B sur HEX #91C689


Code CSS:

background-image: radial-gradient(circle, #B0C78B 14%, #91C689 97%);

 

HEX #91C689 sur HEX #B0C78B


Code CSS:

background-image: linear-gradient(135deg, #91C689 4%, #B0C78B 95%);

 

HEX #91C689 sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #91C689 10%, #B0C78B 98%);

 

HEX #B0C78B sur HEX #89C68C


Code CSS:

background-image: linear-gradient(135deg, #B0C78B 13%, #89C68C 93%);

 

HEX #B0C78B sur HEX #89C68C


Code CSS:

background-image: radial-gradient(circle, #B0C78B 3%, #89C68C 100%);

 

HEX #89C68C sur HEX #B0C78B


Code CSS:

background-image: linear-gradient(135deg, #89C68C 11%, #B0C78B 88%);

 

HEX #89C68C sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #89C68C 2%, #B0C78B 97%);

Linéaire

HEX #B0C78B sur HEX #DDFAAF


Code CSS:

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

Radial

HEX #B0C78B sur HEX #DDFAAF


Code CSS:

background-image: radial-gradient(circle, #B0C78B 1%, #DDFAAF 92%);

 

HEX #DDFAAF sur HEX #B0C78B


Code CSS:

background-image: linear-gradient(135deg, #DDFAAF 11%, #B0C78B 100%);

 

HEX #DDFAAF sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #DDFAAF 1%, #B0C78B 90%);

 

HEX #B0C78B sur HEX #292E20


Code CSS:

background-image: linear-gradient(135deg, #B0C78B 3%, #292E20 95%);

 

HEX #B0C78B sur HEX #292E20


Code CSS:

background-image: radial-gradient(circle, #B0C78B 11%, #292E20 96%);

 

HEX #292E20 sur HEX #B0C78B


Code CSS:

background-image: linear-gradient(135deg, #292E20 6%, #B0C78B 88%);

 

HEX #292E20 sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #292E20 12%, #B0C78B 94%);

 

HEX #B0C78B sur HEX #566144


Code CSS:

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

 

HEX #B0C78B sur HEX #566144


Code CSS:

background-image: radial-gradient(circle, #B0C78B 6%, #566144 87%);

 

HEX #566144 sur HEX #B0C78B


Code CSS:

background-image: linear-gradient(135deg, #566144 6%, #B0C78B 91%);

 

HEX #566144 sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #566144 1%, #B0C78B 86%);

 

HEX #B0C78B sur HEX #839467


Code CSS:

background-image: linear-gradient(135deg, #B0C78B 0%, #839467 87%);

 

HEX #B0C78B sur HEX #839467


Code CSS:

background-image: radial-gradient(circle, #B0C78B 10%, #839467 97%);

 

HEX #839467 sur HEX #B0C78B


Code CSS:

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

 

HEX #839467 sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #839467 12%, #B0C78B 89%);

Linéaire

HEX #B0C78B sur HEX #89C6AD


Code CSS:

background-image: linear-gradient(135deg, #B0C78B 5%, #89C6AD 98%);

Radial

HEX #B0C78B sur HEX #89C6AD


Code CSS:

background-image: radial-gradient(circle, #B0C78B 9%, #89C6AD 89%);

 

HEX #89C6AD sur HEX #B0C78B


Code CSS:

background-image: linear-gradient(135deg, #89C6AD 10%, #B0C78B 87%);

 

HEX #89C6AD sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #89C6AD 14%, #B0C78B 100%);

 

HEX #B0C78B sur HEX #C589C6


Code CSS:

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

 

HEX #B0C78B sur HEX #C589C6


Code CSS:

background-image: radial-gradient(circle, #B0C78B 2%, #C589C6 93%);

 

HEX #C589C6 sur HEX #B0C78B


Code CSS:

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

 

HEX #C589C6 sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #C589C6 7%, #B0C78B 87%);

Linéaire

HEX #B0C78B sur HEX #89AFC6


Code CSS:

background-image: linear-gradient(135deg, #B0C78B 5%, #89AFC6 95%);

Radial

HEX #B0C78B sur HEX #89AFC6


Code CSS:

background-image: radial-gradient(circle, #B0C78B 14%, #89AFC6 94%);

 

HEX #89AFC6 sur HEX #B0C78B


Code CSS:

background-image: linear-gradient(135deg, #89AFC6 9%, #B0C78B 94%);

 

HEX #89AFC6 sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #89AFC6 12%, #B0C78B 95%);

 

HEX #B0C78B sur HEX #C689AF


Code CSS:

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

 

HEX #B0C78B sur HEX #C689AF


Code CSS:

background-image: radial-gradient(circle, #B0C78B 5%, #C689AF 95%);

 

HEX #C689AF sur HEX #B0C78B


Code CSS:

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

 

HEX #C689AF sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #C689AF 3%, #B0C78B 90%);

Linéaire

HEX #B0C78B sur HEX #89C6AD


Code CSS:

background-image: linear-gradient(135deg, #B0C78B 11%, #89C6AD 88%);

Radial

HEX #B0C78B sur HEX #89C6AD


Code CSS:

background-image: radial-gradient(circle, #B0C78B 5%, #89C6AD 87%);

 

HEX #89C6AD sur HEX #B0C78B


Code CSS:

background-image: linear-gradient(135deg, #89C6AD 5%, #B0C78B 100%);

 

HEX #89C6AD sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #89C6AD 8%, #B0C78B 90%);

 

HEX #B0C78B sur HEX #A189C6


Code CSS:

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

 

HEX #B0C78B sur HEX #A189C6


Code CSS:

background-image: radial-gradient(circle, #B0C78B 10%, #A189C6 91%);

 

HEX #A189C6 sur HEX #B0C78B


Code CSS:

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

 

HEX #A189C6 sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #A189C6 14%, #B0C78B 88%);

 

HEX #B0C78B sur HEX #C689A3


Code CSS:

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

 

HEX #B0C78B sur HEX #C689A3


Code CSS:

background-image: radial-gradient(circle, #B0C78B 12%, #C689A3 91%);

 

HEX #C689A3 sur HEX #B0C78B


Code CSS:

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

 

HEX #C689A3 sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #C689A3 4%, #B0C78B 88%);

Linéaire

HEX #B0C78B sur HEX #89C6BF


Code CSS:

background-image: linear-gradient(135deg, #B0C78B 11%, #89C6BF 87%);

Radial

HEX #B0C78B sur HEX #89C6BF


Code CSS:

background-image: radial-gradient(circle, #B0C78B 13%, #89C6BF 100%);

 

HEX #89C6BF sur HEX #B0C78B


Code CSS:

background-image: linear-gradient(135deg, #89C6BF 1%, #B0C78B 99%);

 

HEX #89C6BF sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #89C6BF 9%, #B0C78B 93%);

 

HEX #B0C78B sur HEX #A189C6


Code CSS:

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

 

HEX #B0C78B sur HEX #A189C6


Code CSS:

background-image: radial-gradient(circle, #B0C78B 9%, #A189C6 99%);

 

HEX #A189C6 sur HEX #B0C78B


Code CSS:

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

 

HEX #A189C6 sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #A189C6 5%, #B0C78B 87%);

 

HEX #B0C78B sur HEX #C68991


Code CSS:

background-image: linear-gradient(135deg, #B0C78B 2%, #C68991 97%);

 

HEX #B0C78B sur HEX #C68991


Code CSS:

background-image: radial-gradient(circle, #B0C78B 0%, #C68991 99%);

 

HEX #C68991 sur HEX #B0C78B


Code CSS:

background-image: linear-gradient(135deg, #C68991 6%, #B0C78B 99%);

 

HEX #C68991 sur HEX #B0C78B


Code CSS:

background-image: radial-gradient(circle, #C68991 12%, #B0C78B 96%);

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