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

CSS Gradients:
#2DFCD6

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 cyan se distingue des autres couleurs. Les valeurs qui représentent le bleu et le vert sont supérieures à la troisième valeur. Elles sont proches l'une de l'autre et dépassent la valeur de la teinte rouge. 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 45 Rouge, 252 Vert et 214 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.
45 252 214 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 82 cyan, pas de magenta, 15 jaune et 1 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.
82% 0% 15% 1% 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 #2DFCD6 sur HEX #D20329


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 10%, #D20329 95%);

Radial

HEX #2DFCD6 sur HEX #D20329


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 2%, #D20329 92%);

 

HEX #D20329 sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #D20329 14%, #2DFCD6 98%);

 

HEX #D20329 sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #D20329 5%, #2DFCD6 89%);

Linéaire

HEX #2DFCD6 sur HEX #43FFE4


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 14%, #43FFE4 88%);

Radial

HEX #2DFCD6 sur HEX #43FFE4


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 0%, #43FFE4 87%);

 

HEX #43FFE4 sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #43FFE4 8%, #2DFCD6 99%);

 

HEX #43FFE4 sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #43FFE4 1%, #2DFCD6 100%);

 

HEX #2DFCD6 sur HEX #54FFF7


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 14%, #54FFF7 90%);

 

HEX #2DFCD6 sur HEX #54FFF7


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 3%, #54FFF7 100%);

 

HEX #54FFF7 sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #54FFF7 4%, #2DFCD6 98%);

 

HEX #54FFF7 sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #54FFF7 5%, #2DFCD6 97%);

 

HEX #2DFCD6 sur HEX #65FFFF


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 12%, #65FFFF 96%);

 

HEX #2DFCD6 sur HEX #65FFFF


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 8%, #65FFFF 97%);

 

HEX #65FFFF sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #65FFFF 0%, #2DFCD6 93%);

 

HEX #65FFFF sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #65FFFF 7%, #2DFCD6 92%);

 

HEX #2DFCD6 sur HEX #76FFFF


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 4%, #76FFFF 94%);

 

HEX #2DFCD6 sur HEX #76FFFF


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 14%, #76FFFF 99%);

 

HEX #76FFFF sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #76FFFF 5%, #2DFCD6 91%);

 

HEX #76FFFF sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #76FFFF 10%, #2DFCD6 90%);

Linéaire

HEX #2DFCD6 sur HEX #1CEAC3


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 2%, #1CEAC3 97%);

Radial

HEX #2DFCD6 sur HEX #1CEAC3


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 8%, #1CEAC3 93%);

 

HEX #1CEAC3 sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #1CEAC3 0%, #2DFCD6 89%);

 

HEX #1CEAC3 sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #1CEAC3 5%, #2DFCD6 86%);

 

HEX #2DFCD6 sur HEX #0BD8B0


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 9%, #0BD8B0 88%);

 

HEX #2DFCD6 sur HEX #0BD8B0


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 5%, #0BD8B0 92%);

 

HEX #0BD8B0 sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #0BD8B0 8%, #2DFCD6 99%);

 

HEX #0BD8B0 sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #0BD8B0 13%, #2DFCD6 86%);

 

HEX #2DFCD6 sur HEX #00C69D


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 12%, #00C69D 88%);

 

HEX #2DFCD6 sur HEX #00C69D


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 0%, #00C69D 92%);

 

HEX #00C69D sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #00C69D 0%, #2DFCD6 89%);

 

HEX #00C69D sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #00C69D 6%, #2DFCD6 91%);

 

HEX #2DFCD6 sur HEX #00B48A


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 1%, #00B48A 99%);

 

HEX #2DFCD6 sur HEX #00B48A


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 14%, #00B48A 91%);

 

HEX #00B48A sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #00B48A 8%, #2DFCD6 87%);

 

HEX #00B48A sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #00B48A 8%, #2DFCD6 96%);

Linéaire

HEX #2DFCD6 sur HEX #2CFBF4


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 4%, #2CFBF4 86%);

Radial

HEX #2DFCD6 sur HEX #2CFBF4


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 6%, #2CFBF4 94%);

 

HEX #2CFBF4 sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #2CFBF4 9%, #2DFCD6 88%);

 

HEX #2CFBF4 sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #2CFBF4 9%, #2DFCD6 92%);

 

HEX #2DFCD6 sur HEX #2CE0FB


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 5%, #2CE0FB 97%);

 

HEX #2DFCD6 sur HEX #2CE0FB


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 6%, #2CE0FB 91%);

 

HEX #2CE0FB sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #2CE0FB 13%, #2DFCD6 97%);

 

HEX #2CE0FB sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #2CE0FB 8%, #2DFCD6 100%);

 

HEX #2DFCD6 sur HEX #2CBDFB


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 0%, #2CBDFB 87%);

 

HEX #2DFCD6 sur HEX #2CBDFB


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 8%, #2CBDFB 97%);

 

HEX #2CBDFB sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #2CBDFB 3%, #2DFCD6 94%);

 

HEX #2CBDFB sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #2CBDFB 4%, #2DFCD6 91%);

 

HEX #2DFCD6 sur HEX #2C9AFB


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 2%, #2C9AFB 90%);

 

HEX #2DFCD6 sur HEX #2C9AFB


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 8%, #2C9AFB 100%);

 

HEX #2C9AFB sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #2C9AFB 10%, #2DFCD6 87%);

 

HEX #2C9AFB sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #2C9AFB 11%, #2DFCD6 99%);

Linéaire

HEX #2DFCD6 sur HEX #093029


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 0%, #093029 100%);

Radial

HEX #2DFCD6 sur HEX #093029


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 7%, #093029 89%);

 

HEX #093029 sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #093029 9%, #2DFCD6 87%);

 

HEX #093029 sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #093029 6%, #2DFCD6 99%);

 

HEX #2DFCD6 sur HEX #126354


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 7%, #126354 97%);

 

HEX #2DFCD6 sur HEX #126354


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 11%, #126354 98%);

 

HEX #126354 sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #126354 12%, #2DFCD6 100%);

 

HEX #126354 sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #126354 3%, #2DFCD6 92%);

 

HEX #2DFCD6 sur HEX #1B967F


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 6%, #1B967F 87%);

 

HEX #2DFCD6 sur HEX #1B967F


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 10%, #1B967F 86%);

 

HEX #1B967F sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #1B967F 9%, #2DFCD6 89%);

 

HEX #1B967F sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #1B967F 5%, #2DFCD6 90%);

 

HEX #2DFCD6 sur HEX #24C9AB


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 12%, #24C9AB 88%);

 

HEX #2DFCD6 sur HEX #24C9AB


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 0%, #24C9AB 97%);

 

HEX #24C9AB sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #24C9AB 7%, #2DFCD6 91%);

 

HEX #24C9AB sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #24C9AB 12%, #2DFCD6 92%);

Linéaire

HEX #2DFCD6 sur HEX #2C2CFB


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 9%, #2C2CFB 98%);

Radial

HEX #2DFCD6 sur HEX #2C2CFB


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 1%, #2C2CFB 93%);

 

HEX #2C2CFB sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #2C2CFB 9%, #2DFCD6 92%);

 

HEX #2C2CFB sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #2C2CFB 1%, #2DFCD6 91%);

 

HEX #2DFCD6 sur HEX #FB7F2C


Code CSS:

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

 

HEX #2DFCD6 sur HEX #FB7F2C


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 14%, #FB7F2C 98%);

 

HEX #FB7F2C sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #FB7F2C 12%, #2DFCD6 100%);

 

HEX #FB7F2C sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #FB7F2C 0%, #2DFCD6 90%);

Linéaire

HEX #2DFCD6 sur HEX #D22CFB


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 7%, #D22CFB 94%);

Radial

HEX #2DFCD6 sur HEX #D22CFB


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 4%, #D22CFB 86%);

 

HEX #D22CFB sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #D22CFB 0%, #2DFCD6 89%);

 

HEX #D22CFB sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #D22CFB 12%, #2DFCD6 100%);

 

HEX #2DFCD6 sur HEX #FBD22C


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 0%, #FBD22C 92%);

 

HEX #2DFCD6 sur HEX #FBD22C


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 14%, #FBD22C 97%);

 

HEX #FBD22C sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #FBD22C 10%, #2DFCD6 90%);

 

HEX #FBD22C sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #FBD22C 7%, #2DFCD6 96%);

Linéaire

HEX #2DFCD6 sur HEX #2C2CFB


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 10%, #2C2CFB 86%);

Radial

HEX #2DFCD6 sur HEX #2C2CFB


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 4%, #2C2CFB 91%);

 

HEX #2C2CFB sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #2C2CFB 7%, #2DFCD6 100%);

 

HEX #2C2CFB sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #2C2CFB 3%, #2DFCD6 93%);

 

HEX #2DFCD6 sur HEX #FB2C55


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 1%, #FB2C55 94%);

 

HEX #2DFCD6 sur HEX #FB2C55


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 7%, #FB2C55 93%);

 

HEX #FB2C55 sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #FB2C55 0%, #2DFCD6 86%);

 

HEX #FB2C55 sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #FB2C55 2%, #2DFCD6 88%);

 

HEX #2DFCD6 sur HEX #FBFB2C


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 9%, #FBFB2C 90%);

 

HEX #2DFCD6 sur HEX #FBFB2C


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 2%, #FBFB2C 89%);

 

HEX #FBFB2C sur HEX #2DFCD6


Code CSS:

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

 

HEX #FBFB2C sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #FBFB2C 2%, #2DFCD6 90%);

Linéaire

HEX #2DFCD6 sur HEX #6A2CFB


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 9%, #6A2CFB 100%);

Radial

HEX #2DFCD6 sur HEX #6A2CFB


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 10%, #6A2CFB 90%);

 

HEX #6A2CFB sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #6A2CFB 8%, #2DFCD6 96%);

 

HEX #6A2CFB sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #6A2CFB 8%, #2DFCD6 87%);

 

HEX #2DFCD6 sur HEX #FB2C55


Code CSS:

background-image: linear-gradient(135deg, #2DFCD6 14%, #FB2C55 94%);

 

HEX #2DFCD6 sur HEX #FB2C55


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 1%, #FB2C55 95%);

 

HEX #FB2C55 sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #FB2C55 10%, #2DFCD6 88%);

 

HEX #FB2C55 sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #FB2C55 14%, #2DFCD6 95%);

 

HEX #2DFCD6 sur HEX #BDFB2C


Code CSS:

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

 

HEX #2DFCD6 sur HEX #BDFB2C


Code CSS:

background-image: radial-gradient(circle, #2DFCD6 9%, #BDFB2C 90%);

 

HEX #BDFB2C sur HEX #2DFCD6


Code CSS:

background-image: linear-gradient(135deg, #BDFB2C 8%, #2DFCD6 93%);

 

HEX #BDFB2C sur HEX #2DFCD6


Code CSS:

background-image: radial-gradient(circle, #BDFB2C 1%, #2DFCD6 89%);

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.