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

✕

CSS Gradients:
#375CEE

Information

ferme tous les

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

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.

Dégradé de 2 couleurs - Teintes plus claires

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.

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

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

Le bleu domine nettement : la valeur bleue surpasse les autres. 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 55 Rouge, 92 Vert et 238 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 77 cyan, 61 magenta, pas de jaune et 7 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 #375CEE - Couleur complémentaire

Linéaire

HEX #375CEE sur HEX #C8A311

Code CSS:

background-image: linear-gradient(135deg, #375CEE 5%, #C8A311 87%);

Radial

HEX #375CEE sur HEX #C8A311

Code CSS:

background-image: radial-gradient(circle, #375CEE 7%, #C8A311 96%);

HEX #C8A311 sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #C8A311 0%, #375CEE 92%);

HEX #C8A311 sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #C8A311 2%, #375CEE 89%);

Dégradé de 2 couleurs de #375CEE - Teintes plus claires

Linéaire

HEX #375CEE sur HEX #358EED

Code CSS:

background-image: linear-gradient(135deg, #375CEE 0%, #358EED 96%);

Radial

HEX #375CEE sur HEX #358EED

Code CSS:

background-image: radial-gradient(circle, #375CEE 6%, #358EED 97%);

HEX #358EED sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #358EED 9%, #375CEE 93%);

HEX #358EED sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #358EED 14%, #375CEE 99%);

HEX #375CEE sur HEX #355DED

Code CSS:

background-image: linear-gradient(135deg, #375CEE 12%, #355DED 98%);

HEX #375CEE sur HEX #355DED

Code CSS:

background-image: radial-gradient(circle, #375CEE 5%, #355DED 92%);

HEX #355DED sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #355DED 1%, #375CEE 98%);

HEX #355DED sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #355DED 12%, #375CEE 97%);

HEX #375CEE sur HEX #3E35ED

Code CSS:

background-image: linear-gradient(135deg, #375CEE 1%, #3E35ED 100%);

HEX #375CEE sur HEX #3E35ED

Code CSS:

background-image: radial-gradient(circle, #375CEE 12%, #3E35ED 96%);

HEX #3E35ED sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #3E35ED 8%, #375CEE 98%);

HEX #3E35ED sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #3E35ED 10%, #375CEE 88%);

HEX #375CEE sur HEX #7035ED

Code CSS:

background-image: linear-gradient(135deg, #375CEE 6%, #7035ED 95%);

HEX #375CEE sur HEX #7035ED

Code CSS:

background-image: radial-gradient(circle, #375CEE 1%, #7035ED 91%);

HEX #7035ED sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #7035ED 8%, #375CEE 86%);

HEX #7035ED sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #7035ED 1%, #375CEE 88%);

Dégradé de 2 couleurs de #375CEE - Teintes plus foncées

Linéaire

HEX #375CEE sur HEX #143EE5

Code CSS:

background-image: linear-gradient(135deg, #375CEE 14%, #143EE5 96%);

Radial

HEX #375CEE sur HEX #143EE5

Code CSS:

background-image: radial-gradient(circle, #375CEE 3%, #143EE5 91%);

HEX #143EE5 sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #143EE5 5%, #375CEE 97%);

HEX #143EE5 sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #143EE5 11%, #375CEE 94%);

HEX #375CEE sur HEX #355AED

Code CSS:

background-image: linear-gradient(135deg, #375CEE 6%, #355AED 95%);

HEX #375CEE sur HEX #355AED

Code CSS:

background-image: radial-gradient(circle, #375CEE 10%, #355AED 93%);

HEX #355AED sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #355AED 6%, #375CEE 94%);

HEX #355AED sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #355AED 0%, #375CEE 89%);

HEX #375CEE sur HEX #5B79F1

Code CSS:

background-image: linear-gradient(135deg, #375CEE 0%, #5B79F1 97%);

HEX #375CEE sur HEX #5B79F1

Code CSS:

background-image: radial-gradient(circle, #375CEE 14%, #5B79F1 88%);

HEX #5B79F1 sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #5B79F1 5%, #375CEE 87%);

HEX #5B79F1 sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #5B79F1 14%, #375CEE 87%);

HEX #375CEE sur HEX #8198F4

Code CSS:

background-image: linear-gradient(135deg, #375CEE 0%, #8198F4 100%);

HEX #375CEE sur HEX #8198F4

Code CSS:

background-image: radial-gradient(circle, #375CEE 12%, #8198F4 93%);

HEX #8198F4 sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #8198F4 14%, #375CEE 87%);

HEX #8198F4 sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #8198F4 10%, #375CEE 93%);

Dégradé de 2 couleurs de #375CEE - Couleurs analogiques

Linéaire

HEX #375CEE sur HEX #358EED

Code CSS:

background-image: linear-gradient(135deg, #375CEE 9%, #358EED 100%);

Radial

HEX #375CEE sur HEX #358EED

Code CSS:

background-image: radial-gradient(circle, #375CEE 10%, #358EED 89%);

HEX #358EED sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #358EED 14%, #375CEE 91%);

HEX #358EED sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #358EED 3%, #375CEE 89%);

HEX #375CEE sur HEX #355DED

Code CSS:

background-image: linear-gradient(135deg, #375CEE 1%, #355DED 93%);

HEX #375CEE sur HEX #355DED

Code CSS:

background-image: radial-gradient(circle, #375CEE 6%, #355DED 87%);

HEX #355DED sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #355DED 6%, #375CEE 87%);

HEX #355DED sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #355DED 4%, #375CEE 96%);

HEX #375CEE sur HEX #3E35ED

Code CSS:

background-image: linear-gradient(135deg, #375CEE 14%, #3E35ED 94%);

HEX #375CEE sur HEX #3E35ED

Code CSS:

background-image: radial-gradient(circle, #375CEE 1%, #3E35ED 89%);

HEX #3E35ED sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #3E35ED 2%, #375CEE 99%);

HEX #3E35ED sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #3E35ED 11%, #375CEE 98%);

HEX #375CEE sur HEX #7035ED

Code CSS:

background-image: linear-gradient(135deg, #375CEE 9%, #7035ED 91%);

HEX #375CEE sur HEX #7035ED

Code CSS:

background-image: radial-gradient(circle, #375CEE 0%, #7035ED 100%);

HEX #7035ED sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #7035ED 11%, #375CEE 93%);

HEX #7035ED sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #7035ED 13%, #375CEE 95%);

Dégradé de 2 couleurs de #375CEE - Couleurs monochromatiques

Linéaire

HEX #375CEE sur HEX #143EE5

Code CSS:

background-image: linear-gradient(135deg, #375CEE 3%, #143EE5 96%);

Radial

HEX #375CEE sur HEX #143EE5

Code CSS:

background-image: radial-gradient(circle, #375CEE 3%, #143EE5 89%);

HEX #143EE5 sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #143EE5 0%, #375CEE 94%);

HEX #143EE5 sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #143EE5 13%, #375CEE 95%);

HEX #375CEE sur HEX #355AED

Code CSS:

background-image: linear-gradient(135deg, #375CEE 2%, #355AED 90%);

HEX #375CEE sur HEX #355AED

Code CSS:

background-image: radial-gradient(circle, #375CEE 0%, #355AED 95%);

HEX #355AED sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #355AED 2%, #375CEE 86%);

HEX #355AED sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #355AED 0%, #375CEE 98%);

HEX #375CEE sur HEX #5B79F1

Code CSS:

background-image: linear-gradient(135deg, #375CEE 14%, #5B79F1 94%);

HEX #375CEE sur HEX #5B79F1

Code CSS:

background-image: radial-gradient(circle, #375CEE 6%, #5B79F1 94%);

HEX #5B79F1 sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #5B79F1 0%, #375CEE 93%);

HEX #5B79F1 sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #5B79F1 0%, #375CEE 90%);

HEX #375CEE sur HEX #8198F4

Code CSS:

background-image: linear-gradient(135deg, #375CEE 12%, #8198F4 91%);

HEX #375CEE sur HEX #8198F4

Code CSS:

background-image: radial-gradient(circle, #375CEE 3%, #8198F4 90%);

HEX #8198F4 sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #8198F4 9%, #375CEE 89%);

HEX #8198F4 sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #8198F4 11%, #375CEE 94%);

Dégradé de 2 couleurs de #375CEE - Sous-complémentaire Couleurs

Linéaire

HEX #375CEE sur HEX #EA35ED

Code CSS:

background-image: linear-gradient(135deg, #375CEE 3%, #EA35ED 97%);

Radial

HEX #375CEE sur HEX #EA35ED

Code CSS:

background-image: radial-gradient(circle, #375CEE 6%, #EA35ED 100%);

HEX #EA35ED sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #EA35ED 3%, #375CEE 90%);

HEX #EA35ED sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #EA35ED 14%, #375CEE 100%);

HEX #375CEE sur HEX #A7ED35

Code CSS:

background-image: linear-gradient(135deg, #375CEE 5%, #A7ED35 86%);

HEX #375CEE sur HEX #A7ED35

Code CSS:

background-image: radial-gradient(circle, #375CEE 11%, #A7ED35 91%);

HEX #A7ED35 sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #A7ED35 1%, #375CEE 94%);

HEX #A7ED35 sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #A7ED35 8%, #375CEE 91%);

Dégradé de 2 couleurs de #375CEE - Couleurs triadiques

Linéaire

HEX #375CEE sur HEX #ED355D

Code CSS:

background-image: linear-gradient(135deg, #375CEE 4%, #ED355D 98%);

Radial

HEX #375CEE sur HEX #ED355D

Code CSS:

background-image: radial-gradient(circle, #375CEE 8%, #ED355D 88%);

HEX #ED355D sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #ED355D 13%, #375CEE 99%);

HEX #ED355D sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #ED355D 5%, #375CEE 90%);

HEX #375CEE sur HEX #5DED35

Code CSS:

background-image: linear-gradient(135deg, #375CEE 1%, #5DED35 92%);

HEX #375CEE sur HEX #5DED35

Code CSS:

background-image: radial-gradient(circle, #375CEE 8%, #5DED35 93%);

HEX #5DED35 sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #5DED35 14%, #375CEE 89%);

HEX #5DED35 sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #5DED35 8%, #375CEE 96%);

Dégradé de 2 couleurs de #375CEE - Couleurs rectangulaires (tétraédriques)

Linéaire

HEX #375CEE sur HEX #EA35ED

Code CSS:

background-image: linear-gradient(135deg, #375CEE 3%, #EA35ED 93%);

Radial

HEX #375CEE sur HEX #EA35ED

Code CSS:

background-image: radial-gradient(circle, #375CEE 0%, #EA35ED 88%);

HEX #EA35ED sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #EA35ED 10%, #375CEE 92%);

HEX #EA35ED sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #EA35ED 7%, #375CEE 92%);

HEX #375CEE sur HEX #EDC635

Code CSS:

background-image: linear-gradient(135deg, #375CEE 7%, #EDC635 86%);

HEX #375CEE sur HEX #EDC635

Code CSS:

background-image: radial-gradient(circle, #375CEE 0%, #EDC635 96%);

HEX #EDC635 sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #EDC635 4%, #375CEE 92%);

HEX #EDC635 sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #EDC635 7%, #375CEE 95%);

HEX #375CEE sur HEX #38ED35

Code CSS:

background-image: linear-gradient(135deg, #375CEE 7%, #38ED35 99%);

HEX #375CEE sur HEX #38ED35

Code CSS:

background-image: radial-gradient(circle, #375CEE 2%, #38ED35 99%);

HEX #38ED35 sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #38ED35 7%, #375CEE 96%);

HEX #38ED35 sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #38ED35 3%, #375CEE 91%);

Dégradé de 2 couleurs de #375CEE - Couleurs carrées

Linéaire

HEX #375CEE sur HEX #ED35B9

Code CSS:

background-image: linear-gradient(135deg, #375CEE 4%, #ED35B9 88%);

Radial

HEX #375CEE sur HEX #ED35B9

Code CSS:

background-image: radial-gradient(circle, #375CEE 5%, #ED35B9 88%);

HEX #ED35B9 sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #ED35B9 0%, #375CEE 93%);

HEX #ED35B9 sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #ED35B9 1%, #375CEE 98%);

HEX #375CEE sur HEX #EDC635

Code CSS:

background-image: linear-gradient(135deg, #375CEE 2%, #EDC635 89%);

HEX #375CEE sur HEX #EDC635

Code CSS:

background-image: radial-gradient(circle, #375CEE 4%, #EDC635 96%);

HEX #EDC635 sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #EDC635 2%, #375CEE 91%);

HEX #EDC635 sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #EDC635 6%, #375CEE 88%);

HEX #375CEE sur HEX #35ED69

Code CSS:

background-image: linear-gradient(135deg, #375CEE 8%, #35ED69 97%);

HEX #375CEE sur HEX #35ED69

Code CSS:

background-image: radial-gradient(circle, #375CEE 1%, #35ED69 88%);

HEX #35ED69 sur HEX #375CEE

Code CSS:

background-image: linear-gradient(135deg, #35ED69 3%, #375CEE 91%);

HEX #35ED69 sur HEX #375CEE

Code CSS:

background-image: radial-gradient(circle, #35ED69 11%, #375CEE 95%);

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)

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

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)

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)

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

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

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

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

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

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

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.

En tant qu’invité, vous pouvez composer et télécharger des couleurs dans le collecteur. Activez gratuitement qConv Start pour enregistrer durablement vos palettes et gérer leurs couleurs.

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.

Public

Annuler Partager

Palette de couleurs partagée
Veuillez copier et enregistrer le lien souhaité.

Partager

Voir

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

Créer une palette de couleurs

TéléchargerTélécharger dans différents formats

En cliquant sur , vous pouvez créer des palettes et télécharger les nuanciers.

Gastzugang

Accès invité – pas encore de profil qConv Start Les fonctions de base sont disponibles avec un quota invité. qConv Start est activé après la création gratuite d’un compte. Vous pouvez ensuite enregistrer durablement des palettes de couleurs et des images dans votre profil.

Enregistrer des palettes : profil gratuit requisJusqu’à 5 couleurs dans le collecteur invité