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

CSS Gradients:
CMYK 0 / 53 / 0 / 27

Information

ferme tous les

Laissez-vous suggérer des dégradés CSS de deux teintes comme la teinte de base et la couleur complémentaire.

Trouvez des exemples de transitions de couleurs linéaires et radiales.

Facile pour le webdesign : copiez le code CSS pour l'intégrer facilement sur votre site.

Laissez CSS suggérer des dégradés de deux teintes, comme la teinte de base et une teinte plus claire.

Trouvez des exemples de transitions de couleurs linéaires et radiales à partir de Teintes plus claires.

Facile pour le webdesign : copiez le code CSS pour l'intégrer facilement sur votre site.

Laissez CSS suggérer des dégradés de deux teintes, comme la teinte de base et une teinte plus foncée.

Trouvez des exemples de transitions de couleurs linéaires et radiales de Teintes plus foncées.

Facile pour le webdesign : copiez le code CSS pour l'intégrer facilement sur votre site.

Options d'affichage

Description

Couleur claire : des valeurs de couleur élevées créent une impression de clarté.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 186 Rouge, 87 Vert et 186 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.
186 87 186 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, 53 magenta, pas de jaune et 27 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% 53% 0% 27% 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 #BA57BA sur HEX #45A845


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 4%, #45A845 100%);

Radial

HEX #BA57BA sur HEX #45A845


Code CSS:

background-image: radial-gradient(circle, #BA57BA 11%, #45A845 97%);

 

HEX #45A845 sur HEX #BA57BA


Code CSS:

background-image: linear-gradient(135deg, #45A845 2%, #BA57BA 98%);

 

HEX #45A845 sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #45A845 5%, #BA57BA 98%);

Linéaire

HEX #BA57BA sur HEX #A158BB


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 1%, #A158BB 87%);

Radial

HEX #BA57BA sur HEX #A158BB


Code CSS:

background-image: radial-gradient(circle, #BA57BA 0%, #A158BB 93%);

 

HEX #A158BB sur HEX #BA57BA


Code CSS:

background-image: linear-gradient(135deg, #A158BB 13%, #BA57BA 86%);

 

HEX #A158BB sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #A158BB 9%, #BA57BA 92%);

 

HEX #BA57BA sur HEX #BB58BB


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 4%, #BB58BB 91%);

 

HEX #BA57BA sur HEX #BB58BB


Code CSS:

background-image: radial-gradient(circle, #BA57BA 8%, #BB58BB 87%);

 

HEX #BB58BB sur HEX #BA57BA


Code CSS:

background-image: linear-gradient(135deg, #BB58BB 6%, #BA57BA 96%);

 

HEX #BB58BB sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #BB58BB 12%, #BA57BA 91%);

 

HEX #BA57BA sur HEX #BB58A1


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 14%, #BB58A1 86%);

 

HEX #BA57BA sur HEX #BB58A1


Code CSS:

background-image: radial-gradient(circle, #BA57BA 4%, #BB58A1 97%);

 

HEX #BB58A1 sur HEX #BA57BA


Code CSS:

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

 

HEX #BB58A1 sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #BB58A1 1%, #BA57BA 90%);

 

HEX #BA57BA sur HEX #BB5886


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 10%, #BB5886 87%);

 

HEX #BA57BA sur HEX #BB5886


Code CSS:

background-image: radial-gradient(circle, #BA57BA 7%, #BB5886 98%);

 

HEX #BB5886 sur HEX #BA57BA


Code CSS:

background-image: linear-gradient(135deg, #BB5886 2%, #BA57BA 92%);

 

HEX #BB5886 sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #BB5886 12%, #BA57BA 96%);

Linéaire

HEX #BA57BA sur HEX #A644A6


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 6%, #A644A6 96%);

Radial

HEX #BA57BA sur HEX #A644A6


Code CSS:

background-image: radial-gradient(circle, #BA57BA 4%, #A644A6 86%);

 

HEX #A644A6 sur HEX #BA57BA


Code CSS:

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

 

HEX #A644A6 sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #A644A6 14%, #BA57BA 94%);

 

HEX #BA57BA sur HEX #BB58BB


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 1%, #BB58BB 87%);

 

HEX #BA57BA sur HEX #BB58BB


Code CSS:

background-image: radial-gradient(circle, #BA57BA 2%, #BB58BB 98%);

 

HEX #BB58BB sur HEX #BA57BA


Code CSS:

background-image: linear-gradient(135deg, #BB58BB 5%, #BA57BA 93%);

 

HEX #BB58BB sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #BB58BB 5%, #BA57BA 90%);

 

HEX #BA57BA sur HEX #C776C7


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 2%, #C776C7 86%);

 

HEX #BA57BA sur HEX #C776C7


Code CSS:

background-image: radial-gradient(circle, #BA57BA 10%, #C776C7 99%);

 

HEX #C776C7 sur HEX #BA57BA


Code CSS:

background-image: linear-gradient(135deg, #C776C7 12%, #BA57BA 98%);

 

HEX #C776C7 sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #C776C7 1%, #BA57BA 92%);

 

HEX #BA57BA sur HEX #D393D3


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 7%, #D393D3 96%);

 

HEX #BA57BA sur HEX #D393D3


Code CSS:

background-image: radial-gradient(circle, #BA57BA 4%, #D393D3 94%);

 

HEX #D393D3 sur HEX #BA57BA


Code CSS:

background-image: linear-gradient(135deg, #D393D3 7%, #BA57BA 100%);

 

HEX #D393D3 sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #D393D3 14%, #BA57BA 91%);

Linéaire

HEX #BA57BA sur HEX #A158BB


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 12%, #A158BB 91%);

Radial

HEX #BA57BA sur HEX #A158BB


Code CSS:

background-image: radial-gradient(circle, #BA57BA 7%, #A158BB 92%);

 

HEX #A158BB sur HEX #BA57BA


Code CSS:

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

 

HEX #A158BB sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #A158BB 2%, #BA57BA 89%);

 

HEX #BA57BA sur HEX #BB58BB


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 14%, #BB58BB 92%);

 

HEX #BA57BA sur HEX #BB58BB


Code CSS:

background-image: radial-gradient(circle, #BA57BA 13%, #BB58BB 95%);

 

HEX #BB58BB sur HEX #BA57BA


Code CSS:

background-image: linear-gradient(135deg, #BB58BB 3%, #BA57BA 99%);

 

HEX #BB58BB sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #BB58BB 8%, #BA57BA 87%);

 

HEX #BA57BA sur HEX #BB58A1


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 4%, #BB58A1 89%);

 

HEX #BA57BA sur HEX #BB58A1


Code CSS:

background-image: radial-gradient(circle, #BA57BA 12%, #BB58A1 89%);

 

HEX #BB58A1 sur HEX #BA57BA


Code CSS:

background-image: linear-gradient(135deg, #BB58A1 2%, #BA57BA 92%);

 

HEX #BB58A1 sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #BB58A1 9%, #BA57BA 99%);

 

HEX #BA57BA sur HEX #BB5886


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 10%, #BB5886 97%);

 

HEX #BA57BA sur HEX #BB5886


Code CSS:

background-image: radial-gradient(circle, #BA57BA 4%, #BB5886 94%);

 

HEX #BB5886 sur HEX #BA57BA


Code CSS:

background-image: linear-gradient(135deg, #BB5886 11%, #BA57BA 87%);

 

HEX #BB5886 sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #BB5886 1%, #BA57BA 98%);

Linéaire

HEX #BA57BA sur HEX #A644A6


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 1%, #A644A6 93%);

Radial

HEX #BA57BA sur HEX #A644A6


Code CSS:

background-image: radial-gradient(circle, #BA57BA 7%, #A644A6 98%);

 

HEX #A644A6 sur HEX #BA57BA


Code CSS:

background-image: linear-gradient(135deg, #A644A6 14%, #BA57BA 94%);

 

HEX #A644A6 sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #A644A6 1%, #BA57BA 97%);

 

HEX #BA57BA sur HEX #BB58BB


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 7%, #BB58BB 89%);

 

HEX #BA57BA sur HEX #BB58BB


Code CSS:

background-image: radial-gradient(circle, #BA57BA 9%, #BB58BB 97%);

 

HEX #BB58BB sur HEX #BA57BA


Code CSS:

background-image: linear-gradient(135deg, #BB58BB 10%, #BA57BA 96%);

 

HEX #BB58BB sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #BB58BB 5%, #BA57BA 87%);

 

HEX #BA57BA sur HEX #C776C7


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 1%, #C776C7 96%);

 

HEX #BA57BA sur HEX #C776C7


Code CSS:

background-image: radial-gradient(circle, #BA57BA 8%, #C776C7 89%);

 

HEX #C776C7 sur HEX #BA57BA


Code CSS:

background-image: linear-gradient(135deg, #C776C7 14%, #BA57BA 98%);

 

HEX #C776C7 sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #C776C7 0%, #BA57BA 93%);

 

HEX #BA57BA sur HEX #D393D3


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 12%, #D393D3 99%);

 

HEX #BA57BA sur HEX #D393D3


Code CSS:

background-image: radial-gradient(circle, #BA57BA 0%, #D393D3 90%);

 

HEX #D393D3 sur HEX #BA57BA


Code CSS:

background-image: linear-gradient(135deg, #D393D3 7%, #BA57BA 89%);

 

HEX #D393D3 sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #D393D3 13%, #BA57BA 97%);

Linéaire

HEX #BA57BA sur HEX #BB6C58


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 10%, #BB6C58 87%);

Radial

HEX #BA57BA sur HEX #BB6C58


Code CSS:

background-image: radial-gradient(circle, #BA57BA 10%, #BB6C58 100%);

 

HEX #BB6C58 sur HEX #BA57BA


Code CSS:

background-image: linear-gradient(135deg, #BB6C58 6%, #BA57BA 88%);

 

HEX #BB6C58 sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #BB6C58 4%, #BA57BA 86%);

 

HEX #BA57BA sur HEX #58BB94


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 13%, #58BB94 87%);

 

HEX #BA57BA sur HEX #58BB94


Code CSS:

background-image: radial-gradient(circle, #BA57BA 10%, #58BB94 100%);

 

HEX #58BB94 sur HEX #BA57BA


Code CSS:

background-image: linear-gradient(135deg, #58BB94 0%, #BA57BA 95%);

 

HEX #58BB94 sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #58BB94 14%, #BA57BA 93%);

Linéaire

HEX #BA57BA sur HEX #BBBB58


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 0%, #BBBB58 94%);

Radial

HEX #BA57BA sur HEX #BBBB58


Code CSS:

background-image: radial-gradient(circle, #BA57BA 1%, #BBBB58 87%);

 

HEX #BBBB58 sur HEX #BA57BA


Code CSS:

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

 

HEX #BBBB58 sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #BBBB58 14%, #BA57BA 87%);

 

HEX #BA57BA sur HEX #58BBBB


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 4%, #58BBBB 93%);

 

HEX #BA57BA sur HEX #58BBBB


Code CSS:

background-image: radial-gradient(circle, #BA57BA 11%, #58BBBB 94%);

 

HEX #58BBBB sur HEX #BA57BA


Code CSS:

background-image: linear-gradient(135deg, #58BBBB 10%, #BA57BA 92%);

 

HEX #58BBBB sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #58BBBB 12%, #BA57BA 92%);

Linéaire

HEX #BA57BA sur HEX #BB6C58


Code CSS:

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

Radial

HEX #BA57BA sur HEX #BB6C58


Code CSS:

background-image: radial-gradient(circle, #BA57BA 12%, #BB6C58 100%);

 

HEX #BB6C58 sur HEX #BA57BA


Code CSS:

background-image: linear-gradient(135deg, #BB6C58 10%, #BA57BA 88%);

 

HEX #BB6C58 sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #BB6C58 0%, #BA57BA 100%);

 

HEX #BA57BA sur HEX #58BB58


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 9%, #58BB58 99%);

 

HEX #BA57BA sur HEX #58BB58


Code CSS:

background-image: radial-gradient(circle, #BA57BA 13%, #58BB58 88%);

 

HEX #58BB58 sur HEX #BA57BA


Code CSS:

background-image: linear-gradient(135deg, #58BB58 1%, #BA57BA 92%);

 

HEX #58BB58 sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #58BB58 4%, #BA57BA 98%);

 

HEX #BA57BA sur HEX #58A7BB


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 13%, #58A7BB 87%);

 

HEX #BA57BA sur HEX #58A7BB


Code CSS:

background-image: radial-gradient(circle, #BA57BA 12%, #58A7BB 100%);

 

HEX #58A7BB sur HEX #BA57BA


Code CSS:

background-image: linear-gradient(135deg, #58A7BB 6%, #BA57BA 87%);

 

HEX #58A7BB sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #58A7BB 14%, #BA57BA 95%);

Linéaire

HEX #BA57BA sur HEX #BB8A58


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 2%, #BB8A58 92%);

Radial

HEX #BA57BA sur HEX #BB8A58


Code CSS:

background-image: radial-gradient(circle, #BA57BA 12%, #BB8A58 89%);

 

HEX #BB8A58 sur HEX #BA57BA


Code CSS:

background-image: linear-gradient(135deg, #BB8A58 10%, #BA57BA 99%);

 

HEX #BB8A58 sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #BB8A58 9%, #BA57BA 100%);

 

HEX #BA57BA sur HEX #58BB58


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 14%, #58BB58 88%);

 

HEX #BA57BA sur HEX #58BB58


Code CSS:

background-image: radial-gradient(circle, #BA57BA 13%, #58BB58 96%);

 

HEX #58BB58 sur HEX #BA57BA


Code CSS:

background-image: linear-gradient(135deg, #58BB58 4%, #BA57BA 87%);

 

HEX #58BB58 sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #58BB58 12%, #BA57BA 93%);

 

HEX #BA57BA sur HEX #588ABB


Code CSS:

background-image: linear-gradient(135deg, #BA57BA 6%, #588ABB 93%);

 

HEX #BA57BA sur HEX #588ABB


Code CSS:

background-image: radial-gradient(circle, #BA57BA 10%, #588ABB 87%);

 

HEX #588ABB sur HEX #BA57BA


Code CSS:

background-image: linear-gradient(135deg, #588ABB 1%, #BA57BA 88%);

 

HEX #588ABB sur HEX #BA57BA


Code CSS:

background-image: radial-gradient(circle, #588ABB 10%, #BA57BA 96%);

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 les palettes de couleurs, une inscription est nécessaire.

Se connecter à votre 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 souhaité.

Partager

OK, j'ai copié les liens

Vos couleurs sont enregistrées dans une nouvelle palette de couleurs.
Vous pouvez la consulter sous votre profil.
Vous pouvez 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 , vous pouvez créer des palettes et télécharger les nuanciers.