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

CSS Gradients:
#D6D038

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

Pour cette couleur, le jaune se distingue des autres couleurs. Les valeurs qui représentent la teinte rouge et la teinte verte sont supérieures à la troisième valeur. Elles sont proches l'une de l'autre et dépassent la valeur de la teinte bleue. 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 214 Rouge, 208 Vert et 56 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.
214 208 56 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, 3 magenta, 74 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.
0% 3% 74% 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 #D6D038 sur HEX #292FC7


Code CSS:

background-image: linear-gradient(135deg, #D6D038 9%, #292FC7 93%);

Radial

HEX #D6D038 sur HEX #292FC7


Code CSS:

background-image: radial-gradient(circle, #D6D038 0%, #292FC7 100%);

 

HEX #292FC7 sur HEX #D6D038


Code CSS:

background-image: linear-gradient(135deg, #292FC7 10%, #D6D038 89%);

 

HEX #292FC7 sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #292FC7 8%, #D6D038 100%);

Linéaire

HEX #D6D038 sur HEX #ECE246


Code CSS:

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

Radial

HEX #D6D038 sur HEX #ECE246


Code CSS:

background-image: radial-gradient(circle, #D6D038 1%, #ECE246 90%);

 

HEX #ECE246 sur HEX #D6D038


Code CSS:

background-image: linear-gradient(135deg, #ECE246 5%, #D6D038 95%);

 

HEX #ECE246 sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #ECE246 9%, #D6D038 91%);

 

HEX #D6D038 sur HEX #FDF459


Code CSS:

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

 

HEX #D6D038 sur HEX #FDF459


Code CSS:

background-image: radial-gradient(circle, #D6D038 1%, #FDF459 86%);

 

HEX #FDF459 sur HEX #D6D038


Code CSS:

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

 

HEX #FDF459 sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #FDF459 3%, #D6D038 100%);

 

HEX #D6D038 sur HEX #FFFF6C


Code CSS:

background-image: linear-gradient(135deg, #D6D038 6%, #FFFF6C 86%);

 

HEX #D6D038 sur HEX #FFFF6C


Code CSS:

background-image: radial-gradient(circle, #D6D038 4%, #FFFF6C 95%);

 

HEX #FFFF6C sur HEX #D6D038


Code CSS:

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

 

HEX #FFFF6C sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #FFFF6C 9%, #D6D038 91%);

 

HEX #D6D038 sur HEX #FFFF7F


Code CSS:

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

 

HEX #D6D038 sur HEX #FFFF7F


Code CSS:

background-image: radial-gradient(circle, #D6D038 11%, #FFFF7F 96%);

 

HEX #FFFF7F sur HEX #D6D038


Code CSS:

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

 

HEX #FFFF7F sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #FFFF7F 7%, #D6D038 95%);

Linéaire

HEX #D6D038 sur HEX #C5BE25


Code CSS:

background-image: linear-gradient(135deg, #D6D038 8%, #C5BE25 95%);

Radial

HEX #D6D038 sur HEX #C5BE25


Code CSS:

background-image: radial-gradient(circle, #D6D038 10%, #C5BE25 100%);

 

HEX #C5BE25 sur HEX #D6D038


Code CSS:

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

 

HEX #C5BE25 sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #C5BE25 11%, #D6D038 89%);

 

HEX #D6D038 sur HEX #B4AC12


Code CSS:

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

 

HEX #D6D038 sur HEX #B4AC12


Code CSS:

background-image: radial-gradient(circle, #D6D038 6%, #B4AC12 93%);

 

HEX #B4AC12 sur HEX #D6D038


Code CSS:

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

 

HEX #B4AC12 sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #B4AC12 1%, #D6D038 93%);

 

HEX #D6D038 sur HEX #A39A00


Code CSS:

background-image: linear-gradient(135deg, #D6D038 9%, #A39A00 88%);

 

HEX #D6D038 sur HEX #A39A00


Code CSS:

background-image: radial-gradient(circle, #D6D038 11%, #A39A00 95%);

 

HEX #A39A00 sur HEX #D6D038


Code CSS:

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

 

HEX #A39A00 sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #A39A00 14%, #D6D038 87%);

 

HEX #D6D038 sur HEX #928800


Code CSS:

background-image: linear-gradient(135deg, #D6D038 10%, #928800 92%);

 

HEX #D6D038 sur HEX #928800


Code CSS:

background-image: radial-gradient(circle, #D6D038 1%, #928800 98%);

 

HEX #928800 sur HEX #D6D038


Code CSS:

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

 

HEX #928800 sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #928800 3%, #D6D038 96%);

Linéaire

HEX #D6D038 sur HEX #C3D638


Code CSS:

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

Radial

HEX #D6D038 sur HEX #C3D638


Code CSS:

background-image: radial-gradient(circle, #D6D038 4%, #C3D638 90%);

 

HEX #C3D638 sur HEX #D6D038


Code CSS:

background-image: linear-gradient(135deg, #C3D638 6%, #D6D038 90%);

 

HEX #C3D638 sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #C3D638 4%, #D6D038 86%);

 

HEX #D6D038 sur HEX #A9D638


Code CSS:

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

 

HEX #D6D038 sur HEX #A9D638


Code CSS:

background-image: radial-gradient(circle, #D6D038 12%, #A9D638 98%);

 

HEX #A9D638 sur HEX #D6D038


Code CSS:

background-image: linear-gradient(135deg, #A9D638 9%, #D6D038 90%);

 

HEX #A9D638 sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #A9D638 12%, #D6D038 90%);

 

HEX #D6D038 sur HEX #8FD638


Code CSS:

background-image: linear-gradient(135deg, #D6D038 9%, #8FD638 94%);

 

HEX #D6D038 sur HEX #8FD638


Code CSS:

background-image: radial-gradient(circle, #D6D038 9%, #8FD638 87%);

 

HEX #8FD638 sur HEX #D6D038


Code CSS:

background-image: linear-gradient(135deg, #8FD638 2%, #D6D038 91%);

 

HEX #8FD638 sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #8FD638 6%, #D6D038 86%);

 

HEX #D6D038 sur HEX #74D638


Code CSS:

background-image: linear-gradient(135deg, #D6D038 2%, #74D638 98%);

 

HEX #D6D038 sur HEX #74D638


Code CSS:

background-image: radial-gradient(circle, #D6D038 13%, #74D638 87%);

 

HEX #74D638 sur HEX #D6D038


Code CSS:

background-image: linear-gradient(135deg, #74D638 13%, #D6D038 98%);

 

HEX #74D638 sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #74D638 12%, #D6D038 93%);

Linéaire

HEX #D6D038 sur HEX #0A0A03


Code CSS:

background-image: linear-gradient(135deg, #D6D038 10%, #0A0A03 96%);

Radial

HEX #D6D038 sur HEX #0A0A03


Code CSS:

background-image: radial-gradient(circle, #D6D038 11%, #0A0A03 100%);

 

HEX #0A0A03 sur HEX #D6D038


Code CSS:

background-image: linear-gradient(135deg, #0A0A03 10%, #D6D038 88%);

 

HEX #0A0A03 sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #0A0A03 6%, #D6D038 93%);

 

HEX #D6D038 sur HEX #3D3B10


Code CSS:

background-image: linear-gradient(135deg, #D6D038 10%, #3D3B10 88%);

 

HEX #D6D038 sur HEX #3D3B10


Code CSS:

background-image: radial-gradient(circle, #D6D038 11%, #3D3B10 87%);

 

HEX #3D3B10 sur HEX #D6D038


Code CSS:

background-image: linear-gradient(135deg, #3D3B10 7%, #D6D038 90%);

 

HEX #3D3B10 sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #3D3B10 6%, #D6D038 89%);

 

HEX #D6D038 sur HEX #706D1D


Code CSS:

background-image: linear-gradient(135deg, #D6D038 8%, #706D1D 90%);

 

HEX #D6D038 sur HEX #706D1D


Code CSS:

background-image: radial-gradient(circle, #D6D038 6%, #706D1D 96%);

 

HEX #706D1D sur HEX #D6D038


Code CSS:

background-image: linear-gradient(135deg, #706D1D 5%, #D6D038 94%);

 

HEX #706D1D sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #706D1D 4%, #D6D038 98%);

 

HEX #D6D038 sur HEX #A39E2B


Code CSS:

background-image: linear-gradient(135deg, #D6D038 12%, #A39E2B 100%);

 

HEX #D6D038 sur HEX #A39E2B


Code CSS:

background-image: radial-gradient(circle, #D6D038 14%, #A39E2B 95%);

 

HEX #A39E2B sur HEX #D6D038


Code CSS:

background-image: linear-gradient(135deg, #A39E2B 8%, #D6D038 95%);

 

HEX #A39E2B sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #A39E2B 6%, #D6D038 97%);

Linéaire

HEX #D6D038 sur HEX #38D64F


Code CSS:

background-image: linear-gradient(135deg, #D6D038 11%, #38D64F 97%);

Radial

HEX #D6D038 sur HEX #38D64F


Code CSS:

background-image: radial-gradient(circle, #D6D038 6%, #38D64F 87%);

 

HEX #38D64F sur HEX #D6D038


Code CSS:

background-image: linear-gradient(135deg, #38D64F 9%, #D6D038 91%);

 

HEX #38D64F sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #38D64F 9%, #D6D038 95%);

 

HEX #D6D038 sur HEX #8F38D6


Code CSS:

background-image: linear-gradient(135deg, #D6D038 9%, #8F38D6 96%);

 

HEX #D6D038 sur HEX #8F38D6


Code CSS:

background-image: radial-gradient(circle, #D6D038 8%, #8F38D6 91%);

 

HEX #8F38D6 sur HEX #D6D038


Code CSS:

background-image: linear-gradient(135deg, #8F38D6 5%, #D6D038 96%);

 

HEX #8F38D6 sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #8F38D6 1%, #D6D038 87%);

Linéaire

HEX #D6D038 sur HEX #38D6CE


Code CSS:

background-image: linear-gradient(135deg, #D6D038 1%, #38D6CE 89%);

Radial

HEX #D6D038 sur HEX #38D6CE


Code CSS:

background-image: radial-gradient(circle, #D6D038 2%, #38D6CE 93%);

 

HEX #38D6CE sur HEX #D6D038


Code CSS:

background-image: linear-gradient(135deg, #38D6CE 4%, #D6D038 92%);

 

HEX #38D6CE sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #38D6CE 3%, #D6D038 89%);

 

HEX #D6D038 sur HEX #CE38D6


Code CSS:

background-image: linear-gradient(135deg, #D6D038 3%, #CE38D6 94%);

 

HEX #D6D038 sur HEX #CE38D6


Code CSS:

background-image: radial-gradient(circle, #D6D038 12%, #CE38D6 94%);

 

HEX #CE38D6 sur HEX #D6D038


Code CSS:

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

 

HEX #CE38D6 sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #CE38D6 9%, #D6D038 100%);

Linéaire

HEX #D6D038 sur HEX #38D64F


Code CSS:

background-image: linear-gradient(135deg, #D6D038 6%, #38D64F 90%);

Radial

HEX #D6D038 sur HEX #38D64F


Code CSS:

background-image: radial-gradient(circle, #D6D038 2%, #38D64F 98%);

 

HEX #38D64F sur HEX #D6D038


Code CSS:

background-image: linear-gradient(135deg, #38D64F 8%, #D6D038 98%);

 

HEX #38D64F sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #38D64F 1%, #D6D038 90%);

 

HEX #D6D038 sur HEX #383FD6


Code CSS:

background-image: linear-gradient(135deg, #D6D038 13%, #383FD6 89%);

 

HEX #D6D038 sur HEX #383FD6


Code CSS:

background-image: radial-gradient(circle, #D6D038 1%, #383FD6 100%);

 

HEX #383FD6 sur HEX #D6D038


Code CSS:

background-image: linear-gradient(135deg, #383FD6 8%, #D6D038 94%);

 

HEX #383FD6 sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #383FD6 5%, #D6D038 92%);

 

HEX #D6D038 sur HEX #D638BE


Code CSS:

background-image: linear-gradient(135deg, #D6D038 10%, #D638BE 98%);

 

HEX #D6D038 sur HEX #D638BE


Code CSS:

background-image: radial-gradient(circle, #D6D038 6%, #D638BE 89%);

 

HEX #D638BE sur HEX #D6D038


Code CSS:

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

 

HEX #D638BE sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #D638BE 13%, #D6D038 98%);

Linéaire

HEX #D6D038 sur HEX #38D67F


Code CSS:

background-image: linear-gradient(135deg, #D6D038 2%, #38D67F 88%);

Radial

HEX #D6D038 sur HEX #38D67F


Code CSS:

background-image: radial-gradient(circle, #D6D038 9%, #38D67F 93%);

 

HEX #38D67F sur HEX #D6D038


Code CSS:

background-image: linear-gradient(135deg, #38D67F 4%, #D6D038 91%);

 

HEX #38D67F sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #38D67F 7%, #D6D038 100%);

 

HEX #D6D038 sur HEX #383FD6


Code CSS:

background-image: linear-gradient(135deg, #D6D038 12%, #383FD6 95%);

 

HEX #D6D038 sur HEX #383FD6


Code CSS:

background-image: radial-gradient(circle, #D6D038 13%, #383FD6 98%);

 

HEX #383FD6 sur HEX #D6D038


Code CSS:

background-image: linear-gradient(135deg, #383FD6 12%, #D6D038 100%);

 

HEX #383FD6 sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #383FD6 10%, #D6D038 94%);

 

HEX #D6D038 sur HEX #D6388F


Code CSS:

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

 

HEX #D6D038 sur HEX #D6388F


Code CSS:

background-image: radial-gradient(circle, #D6D038 12%, #D6388F 99%);

 

HEX #D6388F sur HEX #D6D038


Code CSS:

background-image: linear-gradient(135deg, #D6388F 2%, #D6D038 100%);

 

HEX #D6388F sur HEX #D6D038


Code CSS:

background-image: radial-gradient(circle, #D6388F 8%, #D6D038 86%);

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, 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.