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

✕

CSS Gradients:
RGB 84 255 222

Information

ferme tous les

Dégradé de 2 couleurs - Couleur complémentaire

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.

Dégradé de 2 couleurs - Teintes plus claires

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.

Dégradé de 2 couleurs - Teintes plus foncées

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 84 Rouge, 255 Vert et 222 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.

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 67 cyan, pas de magenta, 13 jaune et pas de 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.

Vérification de leur palette de couleurs en tant que fabricant !

Offrez aux designers et aux agences des valeurs chromatiques précises.

Dégradé de 2 couleurs de RGB 84 255 222 - Couleur complémentaire

Linéaire

HEX #54FFDE sur HEX #AB0021

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 12%, #AB0021 89%);

Radial

HEX #54FFDE sur HEX #AB0021

Code CSS:

background-image: radial-gradient(circle, #54FFDE 10%, #AB0021 90%);

HEX #AB0021 sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #AB0021 1%, #54FFDE 97%);

HEX #AB0021 sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #AB0021 14%, #54FFDE 92%);

Dégradé de 2 couleurs de RGB 84 255 222 - Teintes plus claires

Linéaire

HEX #54FFDE sur HEX #51FFAE

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 11%, #51FFAE 94%);

Radial

HEX #54FFDE sur HEX #51FFAE

Code CSS:

background-image: radial-gradient(circle, #54FFDE 0%, #51FFAE 99%);

HEX #51FFAE sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #51FFAE 2%, #54FFDE 87%);

HEX #51FFAE sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #51FFAE 14%, #54FFDE 91%);

HEX #54FFDE sur HEX #51FFDC

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 8%, #51FFDC 98%);

HEX #54FFDE sur HEX #51FFDC

Code CSS:

background-image: radial-gradient(circle, #54FFDE 6%, #51FFDC 97%);

HEX #51FFDC sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #51FFDC 10%, #54FFDE 100%);

HEX #51FFDC sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #51FFDC 12%, #54FFDE 96%);

HEX #54FFDE sur HEX #51F3FF

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 0%, #51F3FF 94%);

HEX #54FFDE sur HEX #51F3FF

Code CSS:

background-image: radial-gradient(circle, #54FFDE 3%, #51F3FF 86%);

HEX #51F3FF sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #51F3FF 0%, #54FFDE 100%);

HEX #51F3FF sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #51F3FF 12%, #54FFDE 86%);

HEX #54FFDE sur HEX #51C5FF

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 5%, #51C5FF 91%);

HEX #54FFDE sur HEX #51C5FF

Code CSS:

background-image: radial-gradient(circle, #54FFDE 13%, #51C5FF 86%);

HEX #51C5FF sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #51C5FF 5%, #54FFDE 99%);

HEX #51C5FF sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #51C5FF 7%, #54FFDE 94%);

Dégradé de 2 couleurs de RGB 84 255 222 - Teintes plus foncées

Linéaire

HEX #54FFDE sur HEX #28FFD5

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 9%, #28FFD5 97%);

Radial

HEX #54FFDE sur HEX #28FFD5

Code CSS:

background-image: radial-gradient(circle, #54FFDE 2%, #28FFD5 99%);

HEX #28FFD5 sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #28FFD5 8%, #54FFDE 96%);

HEX #28FFD5 sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #28FFD5 13%, #54FFDE 96%);

HEX #54FFDE sur HEX #51FFDD

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 12%, #51FFDD 96%);

HEX #54FFDE sur HEX #51FFDD

Code CSS:

background-image: radial-gradient(circle, #54FFDE 11%, #51FFDD 95%);

HEX #51FFDD sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #51FFDD 8%, #54FFDE 91%);

HEX #51FFDD sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #51FFDD 14%, #54FFDE 89%);

HEX #54FFDE sur HEX #7AFFE5

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 0%, #7AFFE5 90%);

HEX #54FFDE sur HEX #7AFFE5

Code CSS:

background-image: radial-gradient(circle, #54FFDE 9%, #7AFFE5 90%);

HEX #7AFFE5 sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #7AFFE5 6%, #54FFDE 100%);

HEX #7AFFE5 sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #7AFFE5 13%, #54FFDE 94%);

HEX #54FFDE sur HEX #A4FFED

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 6%, #A4FFED 90%);

HEX #54FFDE sur HEX #A4FFED

Code CSS:

background-image: radial-gradient(circle, #54FFDE 8%, #A4FFED 87%);

HEX #A4FFED sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #A4FFED 1%, #54FFDE 94%);

HEX #A4FFED sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #A4FFED 10%, #54FFDE 93%);

Dégradé de 2 couleurs de RGB 84 255 222 - Couleurs analogiques

Linéaire

HEX #54FFDE sur HEX #51FFAE

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 14%, #51FFAE 100%);

Radial

HEX #54FFDE sur HEX #51FFAE

Code CSS:

background-image: radial-gradient(circle, #54FFDE 2%, #51FFAE 97%);

HEX #51FFAE sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #51FFAE 1%, #54FFDE 93%);

HEX #51FFAE sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #51FFAE 14%, #54FFDE 95%);

HEX #54FFDE sur HEX #51FFDC

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 7%, #51FFDC 95%);

HEX #54FFDE sur HEX #51FFDC

Code CSS:

background-image: radial-gradient(circle, #54FFDE 1%, #51FFDC 92%);

HEX #51FFDC sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #51FFDC 0%, #54FFDE 86%);

HEX #51FFDC sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #51FFDC 3%, #54FFDE 99%);

HEX #54FFDE sur HEX #51F3FF

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 10%, #51F3FF 97%);

HEX #54FFDE sur HEX #51F3FF

Code CSS:

background-image: radial-gradient(circle, #54FFDE 8%, #51F3FF 86%);

HEX #51F3FF sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #51F3FF 10%, #54FFDE 90%);

HEX #51F3FF sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #51F3FF 1%, #54FFDE 98%);

HEX #54FFDE sur HEX #51C5FF

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 2%, #51C5FF 96%);

HEX #54FFDE sur HEX #51C5FF

Code CSS:

background-image: radial-gradient(circle, #54FFDE 11%, #51C5FF 92%);

HEX #51C5FF sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #51C5FF 1%, #54FFDE 92%);

HEX #51C5FF sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #51C5FF 5%, #54FFDE 88%);

Dégradé de 2 couleurs de RGB 84 255 222 - Couleurs monochromatiques

Linéaire

HEX #54FFDE sur HEX #28FFD5

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 9%, #28FFD5 99%);

Radial

HEX #54FFDE sur HEX #28FFD5

Code CSS:

background-image: radial-gradient(circle, #54FFDE 9%, #28FFD5 92%);

HEX #28FFD5 sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #28FFD5 7%, #54FFDE 94%);

HEX #28FFD5 sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #28FFD5 12%, #54FFDE 87%);

HEX #54FFDE sur HEX #51FFDD

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 10%, #51FFDD 100%);

HEX #54FFDE sur HEX #51FFDD

Code CSS:

background-image: radial-gradient(circle, #54FFDE 6%, #51FFDD 88%);

HEX #51FFDD sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #51FFDD 5%, #54FFDE 99%);

HEX #51FFDD sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #51FFDD 0%, #54FFDE 88%);

HEX #54FFDE sur HEX #7AFFE5

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 11%, #7AFFE5 90%);

HEX #54FFDE sur HEX #7AFFE5

Code CSS:

background-image: radial-gradient(circle, #54FFDE 13%, #7AFFE5 97%);

HEX #7AFFE5 sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #7AFFE5 14%, #54FFDE 98%);

HEX #7AFFE5 sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #7AFFE5 8%, #54FFDE 91%);

HEX #54FFDE sur HEX #A4FFED

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 13%, #A4FFED 86%);

HEX #54FFDE sur HEX #A4FFED

Code CSS:

background-image: radial-gradient(circle, #54FFDE 2%, #A4FFED 94%);

HEX #A4FFED sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #A4FFED 3%, #54FFDE 88%);

HEX #A4FFED sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #A4FFED 5%, #54FFDE 87%);

Dégradé de 2 couleurs de RGB 84 255 222 - Sous-complémentaire Couleurs

Linéaire

HEX #54FFDE sur HEX #5151FF

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 12%, #5151FF 86%);

Radial

HEX #54FFDE sur HEX #5151FF

Code CSS:

background-image: radial-gradient(circle, #54FFDE 2%, #5151FF 89%);

HEX #5151FF sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #5151FF 0%, #54FFDE 92%);

HEX #5151FF sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #5151FF 9%, #54FFDE 92%);

HEX #54FFDE sur HEX #FF9651

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 7%, #FF9651 94%);

HEX #54FFDE sur HEX #FF9651

Code CSS:

background-image: radial-gradient(circle, #54FFDE 7%, #FF9651 93%);

HEX #FF9651 sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #FF9651 12%, #54FFDE 91%);

HEX #FF9651 sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #FF9651 11%, #54FFDE 97%);

Dégradé de 2 couleurs de RGB 84 255 222 - Couleurs triadiques

Linéaire

HEX #54FFDE sur HEX #DC51FF

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 6%, #DC51FF 91%);

Radial

HEX #54FFDE sur HEX #DC51FF

Code CSS:

background-image: radial-gradient(circle, #54FFDE 1%, #DC51FF 97%);

HEX #DC51FF sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #DC51FF 6%, #54FFDE 92%);

HEX #DC51FF sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #DC51FF 14%, #54FFDE 98%);

HEX #54FFDE sur HEX #FFDC51

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 1%, #FFDC51 94%);

HEX #54FFDE sur HEX #FFDC51

Code CSS:

background-image: radial-gradient(circle, #54FFDE 1%, #FFDC51 90%);

HEX #FFDC51 sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #FFDC51 12%, #54FFDE 98%);

HEX #FFDC51 sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #FFDC51 6%, #54FFDE 89%);

Dégradé de 2 couleurs de RGB 84 255 222 - Couleurs rectangulaires (tétraédriques)

Linéaire

HEX #54FFDE sur HEX #5151FF

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 7%, #5151FF 100%);

Radial

HEX #54FFDE sur HEX #5151FF

Code CSS:

background-image: radial-gradient(circle, #54FFDE 3%, #5151FF 88%);

HEX #5151FF sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #5151FF 13%, #54FFDE 91%);

HEX #5151FF sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #5151FF 6%, #54FFDE 96%);

HEX #54FFDE sur HEX #FF5174

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 9%, #FF5174 90%);

HEX #54FFDE sur HEX #FF5174

Code CSS:

background-image: radial-gradient(circle, #54FFDE 7%, #FF5174 94%);

HEX #FF5174 sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #FF5174 8%, #54FFDE 91%);

HEX #FF5174 sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #FF5174 12%, #54FFDE 92%);

HEX #54FFDE sur HEX #FFFF51

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 11%, #FFFF51 87%);

HEX #54FFDE sur HEX #FFFF51

Code CSS:

background-image: radial-gradient(circle, #54FFDE 9%, #FFFF51 92%);

HEX #FFFF51 sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #FFFF51 12%, #54FFDE 100%);

HEX #FFFF51 sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #FFFF51 3%, #54FFDE 100%);

Dégradé de 2 couleurs de RGB 84 255 222 - Couleurs carrées

Linéaire

HEX #54FFDE sur HEX #8551FF

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 1%, #8551FF 90%);

Radial

HEX #54FFDE sur HEX #8551FF

Code CSS:

background-image: radial-gradient(circle, #54FFDE 11%, #8551FF 90%);

HEX #8551FF sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #8551FF 6%, #54FFDE 96%);

HEX #8551FF sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #8551FF 1%, #54FFDE 87%);

HEX #54FFDE sur HEX #FF5174

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 8%, #FF5174 86%);

HEX #54FFDE sur HEX #FF5174

Code CSS:

background-image: radial-gradient(circle, #54FFDE 9%, #FF5174 88%);

HEX #FF5174 sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #FF5174 14%, #54FFDE 87%);

HEX #FF5174 sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #FF5174 4%, #54FFDE 89%);

HEX #54FFDE sur HEX #CAFF51

Code CSS:

background-image: linear-gradient(135deg, #54FFDE 11%, #CAFF51 98%);

HEX #54FFDE sur HEX #CAFF51

Code CSS:

background-image: radial-gradient(circle, #54FFDE 6%, #CAFF51 98%);

HEX #CAFF51 sur HEX #54FFDE

Code CSS:

background-image: linear-gradient(135deg, #CAFF51 5%, #54FFDE 88%);

HEX #CAFF51 sur HEX #54FFDE

Code CSS:

background-image: radial-gradient(circle, #CAFF51 14%, #54FFDE 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

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)

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 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)

HEX en RGB

convertir de #RRGGBB sur RGB rouge vert bleu

HEX en CMYK

convertir de #RRGGBB sur CMYK cyan / magenta / jaune / key

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)

RAL® en RGB

convertir de Numéro RAL® (RAL 0000) sur RGB rouge vert bleu

RAL® en CMYK

convertir de Numéro RAL® (RAL 0000) sur CMYK cyan / magenta / jaune / key

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)

HKS® en RGB

convertir de Numéro HKS® (HKS 00) sur RGB rouge vert bleu

HKS® en CMYK

convertir de Numéro HKS® (HKS 00) sur CMYK cyan / magenta / jaune / key

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)

PANTONE® en RGB

convertir de Numéro Pantone® (Pantone 0000) sur RGB rouge vert bleu

PANTONE® en CMYK

convertir de Numéro Pantone® (Pantone 0000) sur CMYK cyan / magenta / jaune / key

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)

Sherwin Williams® en RGB

convertir de Sherwin Williams® numéro (SW 0000) sur RGB rouge vert bleu

Sherwin Williams® en CMYK

convertir de Sherwin Williams® numéro (SW 0000) sur CMYK cyan / magenta / jaune / key

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)

NCS® en RGB

convertir de Numéro NCS (S0000-X00X) sur RGB rouge vert bleu

NCS® en CMYK

convertir de Numéro NCS (S0000-X00X) sur CMYK cyan / magenta / jaune / key

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)

NCS® en Sherwin Williams®

convertir de Numéro NCS (S0000-X00X) sur Sherwin Williams® numéro (SW 0000)

Codes

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.

Public

Color palette shared
Please copy and save the link you want.

Share

View

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

By clicking you can create palettes and download the color swatches.

The quick Converter and color manager.
The powerful color database for designers and agencies.

Solutions

Create CSS gradient

Create color palettes

Image to color palettes

Color of the week

Manufacturer colors

Project

About qConv.com

Designer

Tutorials & FAQ's

Manufacturer colors

Become a member

Legal