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

CSS Gradients:
#51EFE5

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 81 Rouge, 239 Vert et 229 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.
81 239 229 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 66 cyan, pas de magenta, 4 jaune et 6 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.
66% 0% 4% 6% 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 #51EFE5 sur HEX #AE101A


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 7%, #AE101A 90%);

Radial

HEX #51EFE5 sur HEX #AE101A


Code CSS:

background-image: radial-gradient(circle, #51EFE5 8%, #AE101A 87%);

 

HEX #AE101A sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #AE101A 4%, #51EFE5 100%);

 

HEX #AE101A sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #AE101A 12%, #51EFE5 96%);

Linéaire

HEX #51EFE5 sur HEX #52EEBA


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 11%, #52EEBA 98%);

Radial

HEX #51EFE5 sur HEX #52EEBA


Code CSS:

background-image: radial-gradient(circle, #51EFE5 13%, #52EEBA 86%);

 

HEX #52EEBA sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #52EEBA 10%, #51EFE5 100%);

 

HEX #52EEBA sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #52EEBA 3%, #51EFE5 98%);

 

HEX #51EFE5 sur HEX #52EEE4


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 3%, #52EEE4 100%);

 

HEX #51EFE5 sur HEX #52EEE4


Code CSS:

background-image: radial-gradient(circle, #51EFE5 13%, #52EEE4 92%);

 

HEX #52EEE4 sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #52EEE4 14%, #51EFE5 94%);

 

HEX #52EEE4 sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #52EEE4 11%, #51EFE5 95%);

 

HEX #51EFE5 sur HEX #52CFEE


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 13%, #52CFEE 92%);

 

HEX #51EFE5 sur HEX #52CFEE


Code CSS:

background-image: radial-gradient(circle, #51EFE5 7%, #52CFEE 87%);

 

HEX #52CFEE sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #52CFEE 1%, #51EFE5 97%);

 

HEX #52CFEE sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #52CFEE 1%, #51EFE5 89%);

 

HEX #51EFE5 sur HEX #52A5EE


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 13%, #52A5EE 88%);

 

HEX #51EFE5 sur HEX #52A5EE


Code CSS:

background-image: radial-gradient(circle, #51EFE5 13%, #52A5EE 98%);

 

HEX #52A5EE sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #52A5EE 14%, #51EFE5 90%);

 

HEX #52A5EE sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #52A5EE 11%, #51EFE5 88%);

Linéaire

HEX #51EFE5 sur HEX #2CEBDF


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 2%, #2CEBDF 100%);

Radial

HEX #51EFE5 sur HEX #2CEBDF


Code CSS:

background-image: radial-gradient(circle, #51EFE5 12%, #2CEBDF 93%);

 

HEX #2CEBDF sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #2CEBDF 4%, #51EFE5 100%);

 

HEX #2CEBDF sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #2CEBDF 2%, #51EFE5 87%);

 

HEX #51EFE5 sur HEX #52EEE5


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 14%, #52EEE5 86%);

 

HEX #51EFE5 sur HEX #52EEE5


Code CSS:

background-image: radial-gradient(circle, #51EFE5 13%, #52EEE5 95%);

 

HEX #52EEE5 sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #52EEE5 8%, #51EFE5 100%);

 

HEX #52EEE5 sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #52EEE5 5%, #51EFE5 87%);

 

HEX #51EFE5 sur HEX #78F2EA


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 0%, #78F2EA 95%);

 

HEX #51EFE5 sur HEX #78F2EA


Code CSS:

background-image: radial-gradient(circle, #51EFE5 10%, #78F2EA 87%);

 

HEX #78F2EA sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #78F2EA 10%, #51EFE5 91%);

 

HEX #78F2EA sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #78F2EA 0%, #51EFE5 94%);

 

HEX #51EFE5 sur HEX #9DF5F0


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 2%, #9DF5F0 89%);

 

HEX #51EFE5 sur HEX #9DF5F0


Code CSS:

background-image: radial-gradient(circle, #51EFE5 5%, #9DF5F0 92%);

 

HEX #9DF5F0 sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #9DF5F0 10%, #51EFE5 96%);

 

HEX #9DF5F0 sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #9DF5F0 6%, #51EFE5 92%);

Linéaire

HEX #51EFE5 sur HEX #52EEBA


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 0%, #52EEBA 94%);

Radial

HEX #51EFE5 sur HEX #52EEBA


Code CSS:

background-image: radial-gradient(circle, #51EFE5 11%, #52EEBA 92%);

 

HEX #52EEBA sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #52EEBA 10%, #51EFE5 89%);

 

HEX #52EEBA sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #52EEBA 2%, #51EFE5 88%);

 

HEX #51EFE5 sur HEX #52EEE4


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 8%, #52EEE4 94%);

 

HEX #51EFE5 sur HEX #52EEE4


Code CSS:

background-image: radial-gradient(circle, #51EFE5 4%, #52EEE4 92%);

 

HEX #52EEE4 sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #52EEE4 7%, #51EFE5 88%);

 

HEX #52EEE4 sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #52EEE4 5%, #51EFE5 89%);

 

HEX #51EFE5 sur HEX #52CFEE


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 6%, #52CFEE 92%);

 

HEX #51EFE5 sur HEX #52CFEE


Code CSS:

background-image: radial-gradient(circle, #51EFE5 1%, #52CFEE 97%);

 

HEX #52CFEE sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #52CFEE 10%, #51EFE5 89%);

 

HEX #52CFEE sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #52CFEE 5%, #51EFE5 87%);

 

HEX #51EFE5 sur HEX #52A5EE


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 3%, #52A5EE 94%);

 

HEX #51EFE5 sur HEX #52A5EE


Code CSS:

background-image: radial-gradient(circle, #51EFE5 11%, #52A5EE 97%);

 

HEX #52A5EE sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #52A5EE 5%, #51EFE5 89%);

 

HEX #52A5EE sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #52A5EE 10%, #51EFE5 92%);

Linéaire

HEX #51EFE5 sur HEX #2CEBDF


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 12%, #2CEBDF 91%);

Radial

HEX #51EFE5 sur HEX #2CEBDF


Code CSS:

background-image: radial-gradient(circle, #51EFE5 5%, #2CEBDF 86%);

 

HEX #2CEBDF sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #2CEBDF 13%, #51EFE5 86%);

 

HEX #2CEBDF sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #2CEBDF 6%, #51EFE5 88%);

 

HEX #51EFE5 sur HEX #52EEE5


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 0%, #52EEE5 100%);

 

HEX #51EFE5 sur HEX #52EEE5


Code CSS:

background-image: radial-gradient(circle, #51EFE5 12%, #52EEE5 88%);

 

HEX #52EEE5 sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #52EEE5 14%, #51EFE5 94%);

 

HEX #52EEE5 sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #52EEE5 7%, #51EFE5 93%);

 

HEX #51EFE5 sur HEX #78F2EA


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 5%, #78F2EA 94%);

 

HEX #51EFE5 sur HEX #78F2EA


Code CSS:

background-image: radial-gradient(circle, #51EFE5 9%, #78F2EA 89%);

 

HEX #78F2EA sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #78F2EA 9%, #51EFE5 100%);

 

HEX #78F2EA sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #78F2EA 8%, #51EFE5 88%);

 

HEX #51EFE5 sur HEX #9DF5F0


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 8%, #9DF5F0 90%);

 

HEX #51EFE5 sur HEX #9DF5F0


Code CSS:

background-image: radial-gradient(circle, #51EFE5 3%, #9DF5F0 99%);

 

HEX #9DF5F0 sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #9DF5F0 9%, #51EFE5 89%);

 

HEX #9DF5F0 sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #9DF5F0 12%, #51EFE5 93%);

Linéaire

HEX #51EFE5 sur HEX #6752EE


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 9%, #6752EE 94%);

Radial

HEX #51EFE5 sur HEX #6752EE


Code CSS:

background-image: radial-gradient(circle, #51EFE5 14%, #6752EE 89%);

 

HEX #6752EE sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #6752EE 13%, #51EFE5 89%);

 

HEX #6752EE sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #6752EE 14%, #51EFE5 87%);

 

HEX #51EFE5 sur HEX #EEA552


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 7%, #EEA552 89%);

 

HEX #51EFE5 sur HEX #EEA552


Code CSS:

background-image: radial-gradient(circle, #51EFE5 4%, #EEA552 96%);

 

HEX #EEA552 sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #EEA552 7%, #51EFE5 95%);

 

HEX #EEA552 sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #EEA552 14%, #51EFE5 90%);

Linéaire

HEX #51EFE5 sur HEX #E452EE


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 9%, #E452EE 92%);

Radial

HEX #51EFE5 sur HEX #E452EE


Code CSS:

background-image: radial-gradient(circle, #51EFE5 9%, #E452EE 89%);

 

HEX #E452EE sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #E452EE 10%, #51EFE5 97%);

 

HEX #E452EE sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #E452EE 8%, #51EFE5 93%);

 

HEX #51EFE5 sur HEX #EEE452


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 10%, #EEE452 88%);

 

HEX #51EFE5 sur HEX #EEE452


Code CSS:

background-image: radial-gradient(circle, #51EFE5 4%, #EEE452 98%);

 

HEX #EEE452 sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #EEE452 7%, #51EFE5 99%);

 

HEX #EEE452 sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #EEE452 1%, #51EFE5 94%);

Linéaire

HEX #51EFE5 sur HEX #6752EE


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 1%, #6752EE 90%);

Radial

HEX #51EFE5 sur HEX #6752EE


Code CSS:

background-image: radial-gradient(circle, #51EFE5 2%, #6752EE 96%);

 

HEX #6752EE sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #6752EE 3%, #51EFE5 89%);

 

HEX #6752EE sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #6752EE 0%, #51EFE5 96%);

 

HEX #51EFE5 sur HEX #EE525C


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 5%, #EE525C 90%);

 

HEX #51EFE5 sur HEX #EE525C


Code CSS:

background-image: radial-gradient(circle, #51EFE5 13%, #EE525C 86%);

 

HEX #EE525C sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #EE525C 0%, #51EFE5 93%);

 

HEX #EE525C sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #EE525C 2%, #51EFE5 90%);

 

HEX #51EFE5 sur HEX #DAEE52


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 3%, #DAEE52 90%);

 

HEX #51EFE5 sur HEX #DAEE52


Code CSS:

background-image: radial-gradient(circle, #51EFE5 13%, #DAEE52 89%);

 

HEX #DAEE52 sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #DAEE52 6%, #51EFE5 95%);

 

HEX #DAEE52 sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #DAEE52 7%, #51EFE5 99%);

Linéaire

HEX #51EFE5 sur HEX #9652EE


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 13%, #9652EE 87%);

Radial

HEX #51EFE5 sur HEX #9652EE


Code CSS:

background-image: radial-gradient(circle, #51EFE5 1%, #9652EE 86%);

 

HEX #9652EE sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #9652EE 14%, #51EFE5 99%);

 

HEX #9652EE sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #9652EE 2%, #51EFE5 97%);

 

HEX #51EFE5 sur HEX #EE525C


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 12%, #EE525C 93%);

 

HEX #51EFE5 sur HEX #EE525C


Code CSS:

background-image: radial-gradient(circle, #51EFE5 14%, #EE525C 100%);

 

HEX #EE525C sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #EE525C 8%, #51EFE5 99%);

 

HEX #EE525C sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #EE525C 8%, #51EFE5 93%);

 

HEX #51EFE5 sur HEX #ABEE52


Code CSS:

background-image: linear-gradient(135deg, #51EFE5 0%, #ABEE52 89%);

 

HEX #51EFE5 sur HEX #ABEE52


Code CSS:

background-image: radial-gradient(circle, #51EFE5 11%, #ABEE52 93%);

 

HEX #ABEE52 sur HEX #51EFE5


Code CSS:

background-image: linear-gradient(135deg, #ABEE52 6%, #51EFE5 99%);

 

HEX #ABEE52 sur HEX #51EFE5


Code CSS:

background-image: radial-gradient(circle, #ABEE52 14%, #51EFE5 87%);

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.