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

CSS Gradients:
#BADB49

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

Le rouge et le vert dominent nettement cette teinte : les valeurs du rouge et du vert sont supérieures à celles du bleu. 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 186 Rouge, 219 Vert et 73 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.
186 219 73 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 15 cyan, pas de magenta, 67 jaune et 14 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.
15% 0% 67% 14% 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 #BADB49 sur HEX #4524B6


Code CSS:

background-image: linear-gradient(135deg, #BADB49 6%, #4524B6 95%);

Radial

HEX #BADB49 sur HEX #4524B6


Code CSS:

background-image: radial-gradient(circle, #BADB49 11%, #4524B6 92%);

 

HEX #4524B6 sur HEX #BADB49


Code CSS:

background-image: linear-gradient(135deg, #4524B6 14%, #BADB49 95%);

 

HEX #4524B6 sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #4524B6 2%, #BADB49 94%);

Linéaire

HEX #BADB49 sur HEX #DBD348


Code CSS:

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

Radial

HEX #BADB49 sur HEX #DBD348


Code CSS:

background-image: radial-gradient(circle, #BADB49 4%, #DBD348 96%);

 

HEX #DBD348 sur HEX #BADB49


Code CSS:

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

 

HEX #DBD348 sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #DBD348 4%, #BADB49 88%);

 

HEX #BADB49 sur HEX #BBDB48


Code CSS:

background-image: linear-gradient(135deg, #BADB49 13%, #BBDB48 91%);

 

HEX #BADB49 sur HEX #BBDB48


Code CSS:

background-image: radial-gradient(circle, #BADB49 0%, #BBDB48 87%);

 

HEX #BBDB48 sur HEX #BADB49


Code CSS:

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

 

HEX #BBDB48 sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #BBDB48 10%, #BADB49 88%);

 

HEX #BADB49 sur HEX #94DB48


Code CSS:

background-image: linear-gradient(135deg, #BADB49 4%, #94DB48 92%);

 

HEX #BADB49 sur HEX #94DB48


Code CSS:

background-image: radial-gradient(circle, #BADB49 0%, #94DB48 93%);

 

HEX #94DB48 sur HEX #BADB49


Code CSS:

background-image: linear-gradient(135deg, #94DB48 11%, #BADB49 98%);

 

HEX #94DB48 sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #94DB48 8%, #BADB49 92%);

 

HEX #BADB49 sur HEX #6DDB48


Code CSS:

background-image: linear-gradient(135deg, #BADB49 3%, #6DDB48 87%);

 

HEX #BADB49 sur HEX #6DDB48


Code CSS:

background-image: radial-gradient(circle, #BADB49 7%, #6DDB48 100%);

 

HEX #6DDB48 sur HEX #BADB49


Code CSS:

background-image: linear-gradient(135deg, #6DDB48 9%, #BADB49 88%);

 

HEX #6DDB48 sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #6DDB48 13%, #BADB49 100%);

Linéaire

HEX #BADB49 sur HEX #ABD029


Code CSS:

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

Radial

HEX #BADB49 sur HEX #ABD029


Code CSS:

background-image: radial-gradient(circle, #BADB49 14%, #ABD029 100%);

 

HEX #ABD029 sur HEX #BADB49


Code CSS:

background-image: linear-gradient(135deg, #ABD029 10%, #BADB49 100%);

 

HEX #ABD029 sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #ABD029 2%, #BADB49 95%);

 

HEX #BADB49 sur HEX #BADB48


Code CSS:

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

 

HEX #BADB49 sur HEX #BADB48


Code CSS:

background-image: radial-gradient(circle, #BADB49 12%, #BADB48 87%);

 

HEX #BADB48 sur HEX #BADB49


Code CSS:

background-image: linear-gradient(135deg, #BADB48 5%, #BADB49 93%);

 

HEX #BADB48 sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #BADB48 11%, #BADB49 94%);

 

HEX #BADB49 sur HEX #C7E26A


Code CSS:

background-image: linear-gradient(135deg, #BADB49 4%, #C7E26A 93%);

 

HEX #BADB49 sur HEX #C7E26A


Code CSS:

background-image: radial-gradient(circle, #BADB49 13%, #C7E26A 96%);

 

HEX #C7E26A sur HEX #BADB49


Code CSS:

background-image: linear-gradient(135deg, #C7E26A 11%, #BADB49 90%);

 

HEX #C7E26A sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #C7E26A 1%, #BADB49 87%);

 

HEX #BADB49 sur HEX #D4E88D


Code CSS:

background-image: linear-gradient(135deg, #BADB49 14%, #D4E88D 91%);

 

HEX #BADB49 sur HEX #D4E88D


Code CSS:

background-image: radial-gradient(circle, #BADB49 4%, #D4E88D 86%);

 

HEX #D4E88D sur HEX #BADB49


Code CSS:

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

 

HEX #D4E88D sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #D4E88D 2%, #BADB49 99%);

Linéaire

HEX #BADB49 sur HEX #DBD348


Code CSS:

background-image: linear-gradient(135deg, #BADB49 6%, #DBD348 100%);

Radial

HEX #BADB49 sur HEX #DBD348


Code CSS:

background-image: radial-gradient(circle, #BADB49 12%, #DBD348 87%);

 

HEX #DBD348 sur HEX #BADB49


Code CSS:

background-image: linear-gradient(135deg, #DBD348 1%, #BADB49 100%);

 

HEX #DBD348 sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #DBD348 0%, #BADB49 95%);

 

HEX #BADB49 sur HEX #BBDB48


Code CSS:

background-image: linear-gradient(135deg, #BADB49 6%, #BBDB48 97%);

 

HEX #BADB49 sur HEX #BBDB48


Code CSS:

background-image: radial-gradient(circle, #BADB49 13%, #BBDB48 92%);

 

HEX #BBDB48 sur HEX #BADB49


Code CSS:

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

 

HEX #BBDB48 sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #BBDB48 11%, #BADB49 93%);

 

HEX #BADB49 sur HEX #94DB48


Code CSS:

background-image: linear-gradient(135deg, #BADB49 4%, #94DB48 93%);

 

HEX #BADB49 sur HEX #94DB48


Code CSS:

background-image: radial-gradient(circle, #BADB49 9%, #94DB48 95%);

 

HEX #94DB48 sur HEX #BADB49


Code CSS:

background-image: linear-gradient(135deg, #94DB48 14%, #BADB49 94%);

 

HEX #94DB48 sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #94DB48 4%, #BADB49 90%);

 

HEX #BADB49 sur HEX #6DDB48


Code CSS:

background-image: linear-gradient(135deg, #BADB49 11%, #6DDB48 92%);

 

HEX #BADB49 sur HEX #6DDB48


Code CSS:

background-image: radial-gradient(circle, #BADB49 11%, #6DDB48 89%);

 

HEX #6DDB48 sur HEX #BADB49


Code CSS:

background-image: linear-gradient(135deg, #6DDB48 13%, #BADB49 99%);

 

HEX #6DDB48 sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #6DDB48 13%, #BADB49 94%);

Linéaire

HEX #BADB49 sur HEX #ABD029


Code CSS:

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

Radial

HEX #BADB49 sur HEX #ABD029


Code CSS:

background-image: radial-gradient(circle, #BADB49 14%, #ABD029 86%);

 

HEX #ABD029 sur HEX #BADB49


Code CSS:

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

 

HEX #ABD029 sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #ABD029 8%, #BADB49 99%);

 

HEX #BADB49 sur HEX #BADB48


Code CSS:

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

 

HEX #BADB49 sur HEX #BADB48


Code CSS:

background-image: radial-gradient(circle, #BADB49 1%, #BADB48 97%);

 

HEX #BADB48 sur HEX #BADB49


Code CSS:

background-image: linear-gradient(135deg, #BADB48 2%, #BADB49 89%);

 

HEX #BADB48 sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #BADB48 3%, #BADB49 95%);

 

HEX #BADB49 sur HEX #C7E26A


Code CSS:

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

 

HEX #BADB49 sur HEX #C7E26A


Code CSS:

background-image: radial-gradient(circle, #BADB49 9%, #C7E26A 96%);

 

HEX #C7E26A sur HEX #BADB49


Code CSS:

background-image: linear-gradient(135deg, #C7E26A 1%, #BADB49 88%);

 

HEX #C7E26A sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #C7E26A 6%, #BADB49 88%);

 

HEX #BADB49 sur HEX #D4E88D


Code CSS:

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

 

HEX #BADB49 sur HEX #D4E88D


Code CSS:

background-image: radial-gradient(circle, #BADB49 13%, #D4E88D 100%);

 

HEX #D4E88D sur HEX #BADB49


Code CSS:

background-image: linear-gradient(135deg, #D4E88D 2%, #BADB49 91%);

 

HEX #D4E88D sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #D4E88D 14%, #BADB49 92%);

Linéaire

HEX #BADB49 sur HEX #48DB85


Code CSS:

background-image: linear-gradient(135deg, #BADB49 3%, #48DB85 97%);

Radial

HEX #BADB49 sur HEX #48DB85


Code CSS:

background-image: radial-gradient(circle, #BADB49 12%, #48DB85 97%);

 

HEX #48DB85 sur HEX #BADB49


Code CSS:

background-image: linear-gradient(135deg, #48DB85 3%, #BADB49 92%);

 

HEX #48DB85 sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #48DB85 1%, #BADB49 96%);

 

HEX #BADB49 sur HEX #C048DB


Code CSS:

background-image: linear-gradient(135deg, #BADB49 10%, #C048DB 96%);

 

HEX #BADB49 sur HEX #C048DB


Code CSS:

background-image: radial-gradient(circle, #BADB49 2%, #C048DB 96%);

 

HEX #C048DB sur HEX #BADB49


Code CSS:

background-image: linear-gradient(135deg, #C048DB 12%, #BADB49 96%);

 

HEX #C048DB sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #C048DB 0%, #BADB49 97%);

Linéaire

HEX #BADB49 sur HEX #48BBDB


Code CSS:

background-image: linear-gradient(135deg, #BADB49 7%, #48BBDB 91%);

Radial

HEX #BADB49 sur HEX #48BBDB


Code CSS:

background-image: radial-gradient(circle, #BADB49 13%, #48BBDB 89%);

 

HEX #48BBDB sur HEX #BADB49


Code CSS:

background-image: linear-gradient(135deg, #48BBDB 10%, #BADB49 97%);

 

HEX #48BBDB sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #48BBDB 3%, #BADB49 94%);

 

HEX #BADB49 sur HEX #DB48BB


Code CSS:

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

 

HEX #BADB49 sur HEX #DB48BB


Code CSS:

background-image: radial-gradient(circle, #BADB49 13%, #DB48BB 87%);

 

HEX #DB48BB sur HEX #BADB49


Code CSS:

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

 

HEX #DB48BB sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #DB48BB 9%, #BADB49 97%);

Linéaire

HEX #BADB49 sur HEX #48DB85


Code CSS:

background-image: linear-gradient(135deg, #BADB49 9%, #48DB85 98%);

Radial

HEX #BADB49 sur HEX #48DB85


Code CSS:

background-image: radial-gradient(circle, #BADB49 3%, #48DB85 100%);

 

HEX #48DB85 sur HEX #BADB49


Code CSS:

background-image: linear-gradient(135deg, #48DB85 13%, #BADB49 94%);

 

HEX #48DB85 sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #48DB85 14%, #BADB49 95%);

 

HEX #BADB49 sur HEX #6848DB


Code CSS:

background-image: linear-gradient(135deg, #BADB49 0%, #6848DB 97%);

 

HEX #BADB49 sur HEX #6848DB


Code CSS:

background-image: radial-gradient(circle, #BADB49 2%, #6848DB 96%);

 

HEX #6848DB sur HEX #BADB49


Code CSS:

background-image: linear-gradient(135deg, #6848DB 2%, #BADB49 96%);

 

HEX #6848DB sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #6848DB 9%, #BADB49 93%);

 

HEX #BADB49 sur HEX #DB489E


Code CSS:

background-image: linear-gradient(135deg, #BADB49 3%, #DB489E 89%);

 

HEX #BADB49 sur HEX #DB489E


Code CSS:

background-image: radial-gradient(circle, #BADB49 7%, #DB489E 86%);

 

HEX #DB489E sur HEX #BADB49


Code CSS:

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

 

HEX #DB489E sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #DB489E 0%, #BADB49 94%);

Linéaire

HEX #BADB49 sur HEX #48DBB1


Code CSS:

background-image: linear-gradient(135deg, #BADB49 12%, #48DBB1 98%);

Radial

HEX #BADB49 sur HEX #48DBB1


Code CSS:

background-image: radial-gradient(circle, #BADB49 13%, #48DBB1 96%);

 

HEX #48DBB1 sur HEX #BADB49


Code CSS:

background-image: linear-gradient(135deg, #48DBB1 0%, #BADB49 95%);

 

HEX #48DBB1 sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #48DBB1 10%, #BADB49 96%);

 

HEX #BADB49 sur HEX #6848DB


Code CSS:

background-image: linear-gradient(135deg, #BADB49 14%, #6848DB 95%);

 

HEX #BADB49 sur HEX #6848DB


Code CSS:

background-image: radial-gradient(circle, #BADB49 9%, #6848DB 89%);

 

HEX #6848DB sur HEX #BADB49


Code CSS:

background-image: linear-gradient(135deg, #6848DB 4%, #BADB49 95%);

 

HEX #6848DB sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #6848DB 6%, #BADB49 98%);

 

HEX #BADB49 sur HEX #DB4872


Code CSS:

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

 

HEX #BADB49 sur HEX #DB4872


Code CSS:

background-image: radial-gradient(circle, #BADB49 14%, #DB4872 86%);

 

HEX #DB4872 sur HEX #BADB49


Code CSS:

background-image: linear-gradient(135deg, #DB4872 1%, #BADB49 98%);

 

HEX #DB4872 sur HEX #BADB49


Code CSS:

background-image: radial-gradient(circle, #DB4872 9%, #BADB49 88%);

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.