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

CSS Gradients:
#DFE150

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 223 Rouge, 225 Vert et 80 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.
223 225 80 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 1 cyan, pas de magenta, 64 jaune et 12 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.
1% 0% 64% 12% 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 #DFE150 sur HEX #201EAF


Code CSS:

background-image: linear-gradient(135deg, #DFE150 5%, #201EAF 93%);

Radial

HEX #DFE150 sur HEX #201EAF


Code CSS:

background-image: radial-gradient(circle, #DFE150 10%, #201EAF 100%);

 

HEX #201EAF sur HEX #DFE150


Code CSS:

background-image: linear-gradient(135deg, #201EAF 8%, #DFE150 94%);

 

HEX #201EAF sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #201EAF 9%, #DFE150 99%);

Linéaire

HEX #DFE150 sur HEX #F5F35E


Code CSS:

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

Radial

HEX #DFE150 sur HEX #F5F35E


Code CSS:

background-image: radial-gradient(circle, #DFE150 5%, #F5F35E 98%);

 

HEX #F5F35E sur HEX #DFE150


Code CSS:

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

 

HEX #F5F35E sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #F5F35E 9%, #DFE150 94%);

 

HEX #DFE150 sur HEX #FFFF71


Code CSS:

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

 

HEX #DFE150 sur HEX #FFFF71


Code CSS:

background-image: radial-gradient(circle, #DFE150 7%, #FFFF71 90%);

 

HEX #FFFF71 sur HEX #DFE150


Code CSS:

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

 

HEX #FFFF71 sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #FFFF71 6%, #DFE150 99%);

 

HEX #DFE150 sur HEX #FFFF84


Code CSS:

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

 

HEX #DFE150 sur HEX #FFFF84


Code CSS:

background-image: radial-gradient(circle, #DFE150 11%, #FFFF84 97%);

 

HEX #FFFF84 sur HEX #DFE150


Code CSS:

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

 

HEX #FFFF84 sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #FFFF84 4%, #DFE150 100%);

 

HEX #DFE150 sur HEX #FFFF97


Code CSS:

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

 

HEX #DFE150 sur HEX #FFFF97


Code CSS:

background-image: radial-gradient(circle, #DFE150 4%, #FFFF97 100%);

 

HEX #FFFF97 sur HEX #DFE150


Code CSS:

background-image: linear-gradient(135deg, #FFFF97 1%, #DFE150 89%);

 

HEX #FFFF97 sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #FFFF97 12%, #DFE150 96%);

Linéaire

HEX #DFE150 sur HEX #CECF3D


Code CSS:

background-image: linear-gradient(135deg, #DFE150 1%, #CECF3D 97%);

Radial

HEX #DFE150 sur HEX #CECF3D


Code CSS:

background-image: radial-gradient(circle, #DFE150 6%, #CECF3D 88%);

 

HEX #CECF3D sur HEX #DFE150


Code CSS:

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

 

HEX #CECF3D sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #CECF3D 2%, #DFE150 86%);

 

HEX #DFE150 sur HEX #BDBD2A


Code CSS:

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

 

HEX #DFE150 sur HEX #BDBD2A


Code CSS:

background-image: radial-gradient(circle, #DFE150 6%, #BDBD2A 97%);

 

HEX #BDBD2A sur HEX #DFE150


Code CSS:

background-image: linear-gradient(135deg, #BDBD2A 6%, #DFE150 87%);

 

HEX #BDBD2A sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #BDBD2A 6%, #DFE150 91%);

 

HEX #DFE150 sur HEX #ACAB17


Code CSS:

background-image: linear-gradient(135deg, #DFE150 11%, #ACAB17 94%);

 

HEX #DFE150 sur HEX #ACAB17


Code CSS:

background-image: radial-gradient(circle, #DFE150 11%, #ACAB17 95%);

 

HEX #ACAB17 sur HEX #DFE150


Code CSS:

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

 

HEX #ACAB17 sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #ACAB17 7%, #DFE150 94%);

 

HEX #DFE150 sur HEX #9B9904


Code CSS:

background-image: linear-gradient(135deg, #DFE150 5%, #9B9904 92%);

 

HEX #DFE150 sur HEX #9B9904


Code CSS:

background-image: radial-gradient(circle, #DFE150 8%, #9B9904 86%);

 

HEX #9B9904 sur HEX #DFE150


Code CSS:

background-image: linear-gradient(135deg, #9B9904 6%, #DFE150 95%);

 

HEX #9B9904 sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #9B9904 12%, #DFE150 96%);

Linéaire

HEX #DFE150 sur HEX #C9E150


Code CSS:

background-image: linear-gradient(135deg, #DFE150 6%, #C9E150 87%);

Radial

HEX #DFE150 sur HEX #C9E150


Code CSS:

background-image: radial-gradient(circle, #DFE150 4%, #C9E150 99%);

 

HEX #C9E150 sur HEX #DFE150


Code CSS:

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

 

HEX #C9E150 sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #C9E150 7%, #DFE150 92%);

 

HEX #DFE150 sur HEX #B1E150


Code CSS:

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

 

HEX #DFE150 sur HEX #B1E150


Code CSS:

background-image: radial-gradient(circle, #DFE150 11%, #B1E150 92%);

 

HEX #B1E150 sur HEX #DFE150


Code CSS:

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

 

HEX #B1E150 sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #B1E150 2%, #DFE150 96%);

 

HEX #DFE150 sur HEX #99E150


Code CSS:

background-image: linear-gradient(135deg, #DFE150 14%, #99E150 100%);

 

HEX #DFE150 sur HEX #99E150


Code CSS:

background-image: radial-gradient(circle, #DFE150 12%, #99E150 87%);

 

HEX #99E150 sur HEX #DFE150


Code CSS:

background-image: linear-gradient(135deg, #99E150 13%, #DFE150 89%);

 

HEX #99E150 sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #99E150 11%, #DFE150 88%);

 

HEX #DFE150 sur HEX #80E150


Code CSS:

background-image: linear-gradient(135deg, #DFE150 9%, #80E150 96%);

 

HEX #DFE150 sur HEX #80E150


Code CSS:

background-image: radial-gradient(circle, #DFE150 12%, #80E150 90%);

 

HEX #80E150 sur HEX #DFE150


Code CSS:

background-image: linear-gradient(135deg, #80E150 13%, #DFE150 88%);

 

HEX #80E150 sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #80E150 14%, #DFE150 90%);

Linéaire

HEX #DFE150 sur HEX #151507


Code CSS:

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

Radial

HEX #DFE150 sur HEX #151507


Code CSS:

background-image: radial-gradient(circle, #DFE150 13%, #151507 93%);

 

HEX #151507 sur HEX #DFE150


Code CSS:

background-image: linear-gradient(135deg, #151507 10%, #DFE150 93%);

 

HEX #151507 sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #151507 1%, #DFE150 93%);

 

HEX #DFE150 sur HEX #47481A


Code CSS:

background-image: linear-gradient(135deg, #DFE150 10%, #47481A 91%);

 

HEX #DFE150 sur HEX #47481A


Code CSS:

background-image: radial-gradient(circle, #DFE150 3%, #47481A 94%);

 

HEX #47481A sur HEX #DFE150


Code CSS:

background-image: linear-gradient(135deg, #47481A 5%, #DFE150 91%);

 

HEX #47481A sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #47481A 5%, #DFE150 93%);

 

HEX #DFE150 sur HEX #7A7B2C


Code CSS:

background-image: linear-gradient(135deg, #DFE150 8%, #7A7B2C 100%);

 

HEX #DFE150 sur HEX #7A7B2C


Code CSS:

background-image: radial-gradient(circle, #DFE150 1%, #7A7B2C 87%);

 

HEX #7A7B2C sur HEX #DFE150


Code CSS:

background-image: linear-gradient(135deg, #7A7B2C 0%, #DFE150 90%);

 

HEX #7A7B2C sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #7A7B2C 3%, #DFE150 92%);

 

HEX #DFE150 sur HEX #ACAE3E


Code CSS:

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

 

HEX #DFE150 sur HEX #ACAE3E


Code CSS:

background-image: radial-gradient(circle, #DFE150 12%, #ACAE3E 97%);

 

HEX #ACAE3E sur HEX #DFE150


Code CSS:

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

 

HEX #ACAE3E sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #ACAE3E 5%, #DFE150 94%);

Linéaire

HEX #DFE150 sur HEX #50E16D


Code CSS:

background-image: linear-gradient(135deg, #DFE150 6%, #50E16D 87%);

Radial

HEX #DFE150 sur HEX #50E16D


Code CSS:

background-image: radial-gradient(circle, #DFE150 0%, #50E16D 100%);

 

HEX #50E16D sur HEX #DFE150


Code CSS:

background-image: linear-gradient(135deg, #50E16D 11%, #DFE150 98%);

 

HEX #50E16D sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #50E16D 4%, #DFE150 88%);

 

HEX #DFE150 sur HEX #A750E1


Code CSS:

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

 

HEX #DFE150 sur HEX #A750E1


Code CSS:

background-image: radial-gradient(circle, #DFE150 12%, #A750E1 91%);

 

HEX #A750E1 sur HEX #DFE150


Code CSS:

background-image: linear-gradient(135deg, #A750E1 9%, #DFE150 95%);

 

HEX #A750E1 sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #A750E1 11%, #DFE150 86%);

Linéaire

HEX #DFE150 sur HEX #50E1E1


Code CSS:

background-image: linear-gradient(135deg, #DFE150 6%, #50E1E1 92%);

Radial

HEX #DFE150 sur HEX #50E1E1


Code CSS:

background-image: radial-gradient(circle, #DFE150 2%, #50E1E1 100%);

 

HEX #50E1E1 sur HEX #DFE150


Code CSS:

background-image: linear-gradient(135deg, #50E1E1 0%, #DFE150 89%);

 

HEX #50E1E1 sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #50E1E1 13%, #DFE150 99%);

 

HEX #DFE150 sur HEX #E150E1


Code CSS:

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

 

HEX #DFE150 sur HEX #E150E1


Code CSS:

background-image: radial-gradient(circle, #DFE150 2%, #E150E1 99%);

 

HEX #E150E1 sur HEX #DFE150


Code CSS:

background-image: linear-gradient(135deg, #E150E1 3%, #DFE150 93%);

 

HEX #E150E1 sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #E150E1 13%, #DFE150 86%);

Linéaire

HEX #DFE150 sur HEX #50E16D


Code CSS:

background-image: linear-gradient(135deg, #DFE150 11%, #50E16D 91%);

Radial

HEX #DFE150 sur HEX #50E16D


Code CSS:

background-image: radial-gradient(circle, #DFE150 2%, #50E16D 97%);

 

HEX #50E16D sur HEX #DFE150


Code CSS:

background-image: linear-gradient(135deg, #50E16D 3%, #DFE150 92%);

 

HEX #50E16D sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #50E16D 9%, #DFE150 93%);

 

HEX #DFE150 sur HEX #5050E1


Code CSS:

background-image: linear-gradient(135deg, #DFE150 4%, #5050E1 91%);

 

HEX #DFE150 sur HEX #5050E1


Code CSS:

background-image: radial-gradient(circle, #DFE150 1%, #5050E1 90%);

 

HEX #5050E1 sur HEX #DFE150


Code CSS:

background-image: linear-gradient(135deg, #5050E1 8%, #DFE150 88%);

 

HEX #5050E1 sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #5050E1 11%, #DFE150 93%);

 

HEX #DFE150 sur HEX #E150C4


Code CSS:

background-image: linear-gradient(135deg, #DFE150 9%, #E150C4 87%);

 

HEX #DFE150 sur HEX #E150C4


Code CSS:

background-image: radial-gradient(circle, #DFE150 3%, #E150C4 93%);

 

HEX #E150C4 sur HEX #DFE150


Code CSS:

background-image: linear-gradient(135deg, #E150C4 11%, #DFE150 88%);

 

HEX #E150C4 sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #E150C4 13%, #DFE150 97%);

Linéaire

HEX #DFE150 sur HEX #50E199


Code CSS:

background-image: linear-gradient(135deg, #DFE150 11%, #50E199 96%);

Radial

HEX #DFE150 sur HEX #50E199


Code CSS:

background-image: radial-gradient(circle, #DFE150 4%, #50E199 93%);

 

HEX #50E199 sur HEX #DFE150


Code CSS:

background-image: linear-gradient(135deg, #50E199 0%, #DFE150 92%);

 

HEX #50E199 sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #50E199 13%, #DFE150 94%);

 

HEX #DFE150 sur HEX #5050E1


Code CSS:

background-image: linear-gradient(135deg, #DFE150 11%, #5050E1 89%);

 

HEX #DFE150 sur HEX #5050E1


Code CSS:

background-image: radial-gradient(circle, #DFE150 3%, #5050E1 100%);

 

HEX #5050E1 sur HEX #DFE150


Code CSS:

background-image: linear-gradient(135deg, #5050E1 10%, #DFE150 98%);

 

HEX #5050E1 sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #5050E1 14%, #DFE150 97%);

 

HEX #DFE150 sur HEX #E15099


Code CSS:

background-image: linear-gradient(135deg, #DFE150 12%, #E15099 97%);

 

HEX #DFE150 sur HEX #E15099


Code CSS:

background-image: radial-gradient(circle, #DFE150 2%, #E15099 86%);

 

HEX #E15099 sur HEX #DFE150


Code CSS:

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

 

HEX #E15099 sur HEX #DFE150


Code CSS:

background-image: radial-gradient(circle, #E15099 14%, #DFE150 100%);

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 des palettes de couleurs, tu dois être connecté.

Se connecter à ton 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 que vous souhaitez.

Partager

OK, j'ai copié les liens

Tes couleurs sont enregistrées dans une nouvelle palette de couleurs.
Vois-la sous ton profil.
Tu peux 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 , tu peux créer des palettes et télécharger les nuanciers.