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

CSS Gradients:
#BDD504

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 189 Rouge, 213 Vert et 4 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.
189 213 4 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 11 cyan, pas de magenta, 98 jaune et 16 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.
11% 0% 98% 16% 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 #BDD504 sur HEX #422AFB


Code CSS:

background-image: linear-gradient(135deg, #BDD504 6%, #422AFB 92%);

Radial

HEX #BDD504 sur HEX #422AFB


Code CSS:

background-image: radial-gradient(circle, #BDD504 12%, #422AFB 98%);

 

HEX #422AFB sur HEX #BDD504


Code CSS:

background-image: linear-gradient(135deg, #422AFB 11%, #BDD504 88%);

 

HEX #422AFB sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #422AFB 7%, #BDD504 87%);

Linéaire

HEX #BDD504 sur HEX #D7B404


Code CSS:

background-image: linear-gradient(135deg, #BDD504 1%, #D7B404 90%);

Radial

HEX #BDD504 sur HEX #D7B404


Code CSS:

background-image: radial-gradient(circle, #BDD504 0%, #D7B404 94%);

 

HEX #D7B404 sur HEX #BDD504


Code CSS:

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

 

HEX #D7B404 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #D7B404 12%, #BDD504 89%);

 

HEX #BDD504 sur HEX #C2D704


Code CSS:

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

 

HEX #BDD504 sur HEX #C2D704


Code CSS:

background-image: radial-gradient(circle, #BDD504 4%, #C2D704 97%);

 

HEX #C2D704 sur HEX #BDD504


Code CSS:

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

 

HEX #C2D704 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #C2D704 10%, #BDD504 99%);

 

HEX #BDD504 sur HEX #8AD704


Code CSS:

background-image: linear-gradient(135deg, #BDD504 11%, #8AD704 99%);

 

HEX #BDD504 sur HEX #8AD704


Code CSS:

background-image: radial-gradient(circle, #BDD504 9%, #8AD704 98%);

 

HEX #8AD704 sur HEX #BDD504


Code CSS:

background-image: linear-gradient(135deg, #8AD704 1%, #BDD504 100%);

 

HEX #8AD704 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #8AD704 1%, #BDD504 96%);

 

HEX #BDD504 sur HEX #52D704


Code CSS:

background-image: linear-gradient(135deg, #BDD504 5%, #52D704 86%);

 

HEX #BDD504 sur HEX #52D704


Code CSS:

background-image: radial-gradient(circle, #BDD504 8%, #52D704 98%);

 

HEX #52D704 sur HEX #BDD504


Code CSS:

background-image: linear-gradient(135deg, #52D704 3%, #BDD504 91%);

 

HEX #52D704 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #52D704 5%, #BDD504 97%);

Linéaire

HEX #BDD504 sur HEX #9BAE04


Code CSS:

background-image: linear-gradient(135deg, #BDD504 2%, #9BAE04 89%);

Radial

HEX #BDD504 sur HEX #9BAE04


Code CSS:

background-image: radial-gradient(circle, #BDD504 12%, #9BAE04 100%);

 

HEX #9BAE04 sur HEX #BDD504


Code CSS:

background-image: linear-gradient(135deg, #9BAE04 11%, #BDD504 95%);

 

HEX #9BAE04 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #9BAE04 9%, #BDD504 88%);

 

HEX #BDD504 sur HEX #BFD704


Code CSS:

background-image: linear-gradient(135deg, #BDD504 12%, #BFD704 86%);

 

HEX #BDD504 sur HEX #BFD704


Code CSS:

background-image: radial-gradient(circle, #BDD504 11%, #BFD704 98%);

 

HEX #BFD704 sur HEX #BDD504


Code CSS:

background-image: linear-gradient(135deg, #BFD704 4%, #BDD504 91%);

 

HEX #BFD704 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #BFD704 8%, #BDD504 90%);

 

HEX #BDD504 sur HEX #DFFA0B


Code CSS:

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

 

HEX #BDD504 sur HEX #DFFA0B


Code CSS:

background-image: radial-gradient(circle, #BDD504 14%, #DFFA0B 98%);

 

HEX #DFFA0B sur HEX #BDD504


Code CSS:

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

 

HEX #DFFA0B sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #DFFA0B 3%, #BDD504 99%);

 

HEX #BDD504 sur HEX #E4FB33


Code CSS:

background-image: linear-gradient(135deg, #BDD504 9%, #E4FB33 86%);

 

HEX #BDD504 sur HEX #E4FB33


Code CSS:

background-image: radial-gradient(circle, #BDD504 4%, #E4FB33 87%);

 

HEX #E4FB33 sur HEX #BDD504


Code CSS:

background-image: linear-gradient(135deg, #E4FB33 14%, #BDD504 100%);

 

HEX #E4FB33 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #E4FB33 3%, #BDD504 86%);

Linéaire

HEX #BDD504 sur HEX #D7B404


Code CSS:

background-image: linear-gradient(135deg, #BDD504 13%, #D7B404 95%);

Radial

HEX #BDD504 sur HEX #D7B404


Code CSS:

background-image: radial-gradient(circle, #BDD504 1%, #D7B404 94%);

 

HEX #D7B404 sur HEX #BDD504


Code CSS:

background-image: linear-gradient(135deg, #D7B404 9%, #BDD504 93%);

 

HEX #D7B404 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #D7B404 14%, #BDD504 91%);

 

HEX #BDD504 sur HEX #C2D704


Code CSS:

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

 

HEX #BDD504 sur HEX #C2D704


Code CSS:

background-image: radial-gradient(circle, #BDD504 10%, #C2D704 99%);

 

HEX #C2D704 sur HEX #BDD504


Code CSS:

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

 

HEX #C2D704 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #C2D704 0%, #BDD504 94%);

 

HEX #BDD504 sur HEX #8AD704


Code CSS:

background-image: linear-gradient(135deg, #BDD504 2%, #8AD704 90%);

 

HEX #BDD504 sur HEX #8AD704


Code CSS:

background-image: radial-gradient(circle, #BDD504 3%, #8AD704 91%);

 

HEX #8AD704 sur HEX #BDD504


Code CSS:

background-image: linear-gradient(135deg, #8AD704 1%, #BDD504 89%);

 

HEX #8AD704 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #8AD704 10%, #BDD504 86%);

 

HEX #BDD504 sur HEX #52D704


Code CSS:

background-image: linear-gradient(135deg, #BDD504 4%, #52D704 100%);

 

HEX #BDD504 sur HEX #52D704


Code CSS:

background-image: radial-gradient(circle, #BDD504 13%, #52D704 91%);

 

HEX #52D704 sur HEX #BDD504


Code CSS:

background-image: linear-gradient(135deg, #52D704 14%, #BDD504 90%);

 

HEX #52D704 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #52D704 8%, #BDD504 100%);

Linéaire

HEX #BDD504 sur HEX #9BAE04


Code CSS:

background-image: linear-gradient(135deg, #BDD504 11%, #9BAE04 95%);

Radial

HEX #BDD504 sur HEX #9BAE04


Code CSS:

background-image: radial-gradient(circle, #BDD504 10%, #9BAE04 94%);

 

HEX #9BAE04 sur HEX #BDD504


Code CSS:

background-image: linear-gradient(135deg, #9BAE04 8%, #BDD504 86%);

 

HEX #9BAE04 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #9BAE04 2%, #BDD504 100%);

 

HEX #BDD504 sur HEX #BFD704


Code CSS:

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

 

HEX #BDD504 sur HEX #BFD704


Code CSS:

background-image: radial-gradient(circle, #BDD504 0%, #BFD704 98%);

 

HEX #BFD704 sur HEX #BDD504


Code CSS:

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

 

HEX #BFD704 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #BFD704 1%, #BDD504 87%);

 

HEX #BDD504 sur HEX #DFFA0B


Code CSS:

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

 

HEX #BDD504 sur HEX #DFFA0B


Code CSS:

background-image: radial-gradient(circle, #BDD504 0%, #DFFA0B 90%);

 

HEX #DFFA0B sur HEX #BDD504


Code CSS:

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

 

HEX #DFFA0B sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #DFFA0B 13%, #BDD504 89%);

 

HEX #BDD504 sur HEX #E4FB33


Code CSS:

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

 

HEX #BDD504 sur HEX #E4FB33


Code CSS:

background-image: radial-gradient(circle, #BDD504 7%, #E4FB33 89%);

 

HEX #E4FB33 sur HEX #BDD504


Code CSS:

background-image: linear-gradient(135deg, #E4FB33 5%, #BDD504 99%);

 

HEX #E4FB33 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #E4FB33 2%, #BDD504 87%);

Linéaire

HEX #BDD504 sur HEX #04D744


Code CSS:

background-image: linear-gradient(135deg, #BDD504 7%, #04D744 89%);

Radial

HEX #BDD504 sur HEX #04D744


Code CSS:

background-image: radial-gradient(circle, #BDD504 0%, #04D744 89%);

 

HEX #04D744 sur HEX #BDD504


Code CSS:

background-image: linear-gradient(135deg, #04D744 11%, #BDD504 99%);

 

HEX #04D744 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #04D744 11%, #BDD504 86%);

 

HEX #BDD504 sur HEX #9804D7


Code CSS:

background-image: linear-gradient(135deg, #BDD504 6%, #9804D7 95%);

 

HEX #BDD504 sur HEX #9804D7


Code CSS:

background-image: radial-gradient(circle, #BDD504 2%, #9804D7 93%);

 

HEX #9804D7 sur HEX #BDD504


Code CSS:

background-image: linear-gradient(135deg, #9804D7 0%, #BDD504 96%);

 

HEX #9804D7 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #9804D7 10%, #BDD504 87%);

Linéaire

HEX #BDD504 sur HEX #04C2D7


Code CSS:

background-image: linear-gradient(135deg, #BDD504 7%, #04C2D7 86%);

Radial

HEX #BDD504 sur HEX #04C2D7


Code CSS:

background-image: radial-gradient(circle, #BDD504 6%, #04C2D7 86%);

 

HEX #04C2D7 sur HEX #BDD504


Code CSS:

background-image: linear-gradient(135deg, #04C2D7 11%, #BDD504 89%);

 

HEX #04C2D7 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #04C2D7 1%, #BDD504 92%);

 

HEX #BDD504 sur HEX #D704C2


Code CSS:

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

 

HEX #BDD504 sur HEX #D704C2


Code CSS:

background-image: radial-gradient(circle, #BDD504 7%, #D704C2 91%);

 

HEX #D704C2 sur HEX #BDD504


Code CSS:

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

 

HEX #D704C2 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #D704C2 1%, #BDD504 91%);

Linéaire

HEX #BDD504 sur HEX #04D744


Code CSS:

background-image: linear-gradient(135deg, #BDD504 13%, #04D744 86%);

Radial

HEX #BDD504 sur HEX #04D744


Code CSS:

background-image: radial-gradient(circle, #BDD504 3%, #04D744 98%);

 

HEX #04D744 sur HEX #BDD504


Code CSS:

background-image: linear-gradient(135deg, #04D744 14%, #BDD504 94%);

 

HEX #04D744 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #04D744 4%, #BDD504 100%);

 

HEX #BDD504 sur HEX #1904D7


Code CSS:

background-image: linear-gradient(135deg, #BDD504 1%, #1904D7 99%);

 

HEX #BDD504 sur HEX #1904D7


Code CSS:

background-image: radial-gradient(circle, #BDD504 11%, #1904D7 94%);

 

HEX #1904D7 sur HEX #BDD504


Code CSS:

background-image: linear-gradient(135deg, #1904D7 0%, #BDD504 99%);

 

HEX #1904D7 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #1904D7 1%, #BDD504 97%);

 

HEX #BDD504 sur HEX #D70498


Code CSS:

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

 

HEX #BDD504 sur HEX #D70498


Code CSS:

background-image: radial-gradient(circle, #BDD504 7%, #D70498 88%);

 

HEX #D70498 sur HEX #BDD504


Code CSS:

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

 

HEX #D70498 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #D70498 10%, #BDD504 98%);

Linéaire

HEX #BDD504 sur HEX #04D783


Code CSS:

background-image: linear-gradient(135deg, #BDD504 7%, #04D783 93%);

Radial

HEX #BDD504 sur HEX #04D783


Code CSS:

background-image: radial-gradient(circle, #BDD504 10%, #04D783 96%);

 

HEX #04D783 sur HEX #BDD504


Code CSS:

background-image: linear-gradient(135deg, #04D783 6%, #BDD504 97%);

 

HEX #04D783 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #04D783 12%, #BDD504 99%);

 

HEX #BDD504 sur HEX #1904D7


Code CSS:

background-image: linear-gradient(135deg, #BDD504 6%, #1904D7 88%);

 

HEX #BDD504 sur HEX #1904D7


Code CSS:

background-image: radial-gradient(circle, #BDD504 9%, #1904D7 95%);

 

HEX #1904D7 sur HEX #BDD504


Code CSS:

background-image: linear-gradient(135deg, #1904D7 3%, #BDD504 90%);

 

HEX #1904D7 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #1904D7 6%, #BDD504 95%);

 

HEX #BDD504 sur HEX #D70459


Code CSS:

background-image: linear-gradient(135deg, #BDD504 7%, #D70459 91%);

 

HEX #BDD504 sur HEX #D70459


Code CSS:

background-image: radial-gradient(circle, #BDD504 4%, #D70459 97%);

 

HEX #D70459 sur HEX #BDD504


Code CSS:

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

 

HEX #D70459 sur HEX #BDD504


Code CSS:

background-image: radial-gradient(circle, #D70459 10%, #BDD504 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)

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.