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

✕

CSS Gradients:
#258CEE

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 et le vert dominent nettement cette teinte : les valeurs du bleu et du vert sont supérieures à celles du rouge. 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 37 Rouge, 140 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 84 cyan, 41 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 #258CEE - Couleur complémentaire

Linéaire

HEX #258CEE sur HEX #DA7311

Code CSS:

background-image: linear-gradient(135deg, #258CEE 3%, #DA7311 94%);

Radial

HEX #258CEE sur HEX #DA7311

Code CSS:

background-image: radial-gradient(circle, #258CEE 14%, #DA7311 87%);

HEX #DA7311 sur HEX #258CEE

Code CSS:

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

HEX #DA7311 sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #DA7311 2%, #258CEE 90%);

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

Linéaire

HEX #258CEE sur HEX #25C3EF

Code CSS:

background-image: linear-gradient(135deg, #258CEE 2%, #25C3EF 86%);

Radial

HEX #258CEE sur HEX #25C3EF

Code CSS:

background-image: radial-gradient(circle, #258CEE 10%, #25C3EF 99%);

HEX #25C3EF sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #25C3EF 8%, #258CEE 89%);

HEX #25C3EF sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #25C3EF 5%, #258CEE 100%);

HEX #258CEE sur HEX #258DEF

Code CSS:

background-image: linear-gradient(135deg, #258CEE 6%, #258DEF 86%);

HEX #258CEE sur HEX #258DEF

Code CSS:

background-image: radial-gradient(circle, #258CEE 12%, #258DEF 97%);

HEX #258DEF sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #258DEF 2%, #258CEE 87%);

HEX #258DEF sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #258DEF 12%, #258CEE 96%);

HEX #258CEE sur HEX #2557EF

Code CSS:

background-image: linear-gradient(135deg, #258CEE 8%, #2557EF 100%);

HEX #258CEE sur HEX #2557EF

Code CSS:

background-image: radial-gradient(circle, #258CEE 4%, #2557EF 93%);

HEX #2557EF sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #2557EF 13%, #258CEE 92%);

HEX #2557EF sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #2557EF 9%, #258CEE 88%);

HEX #258CEE sur HEX #2825EF

Code CSS:

background-image: linear-gradient(135deg, #258CEE 11%, #2825EF 92%);

HEX #258CEE sur HEX #2825EF

Code CSS:

background-image: radial-gradient(circle, #258CEE 1%, #2825EF 97%);

HEX #2825EF sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #2825EF 7%, #258CEE 87%);

HEX #2825EF sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #2825EF 7%, #258CEE 100%);

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

Linéaire

HEX #258CEE sur HEX #1078DA

Code CSS:

background-image: linear-gradient(135deg, #258CEE 13%, #1078DA 88%);

Radial

HEX #258CEE sur HEX #1078DA

Code CSS:

background-image: radial-gradient(circle, #258CEE 2%, #1078DA 99%);

HEX #1078DA sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #1078DA 5%, #258CEE 88%);

HEX #1078DA sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #1078DA 4%, #258CEE 87%);

HEX #258CEE sur HEX #258CEF

Code CSS:

background-image: linear-gradient(135deg, #258CEE 13%, #258CEF 96%);

HEX #258CEE sur HEX #258CEF

Code CSS:

background-image: radial-gradient(circle, #258CEE 4%, #258CEF 100%);

HEX #258CEF sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #258CEF 12%, #258CEE 96%);

HEX #258CEF sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #258CEF 0%, #258CEE 92%);

HEX #258CEE sur HEX #4BA0F1

Code CSS:

background-image: linear-gradient(135deg, #258CEE 8%, #4BA0F1 86%);

HEX #258CEE sur HEX #4BA0F1

Code CSS:

background-image: radial-gradient(circle, #258CEE 14%, #4BA0F1 93%);

HEX #4BA0F1 sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #4BA0F1 0%, #258CEE 98%);

HEX #4BA0F1 sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #4BA0F1 9%, #258CEE 96%);

HEX #258CEE sur HEX #72B5F4

Code CSS:

background-image: linear-gradient(135deg, #258CEE 13%, #72B5F4 91%);

HEX #258CEE sur HEX #72B5F4

Code CSS:

background-image: radial-gradient(circle, #258CEE 14%, #72B5F4 91%);

HEX #72B5F4 sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #72B5F4 3%, #258CEE 93%);

HEX #72B5F4 sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #72B5F4 11%, #258CEE 87%);

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

Linéaire

HEX #258CEE sur HEX #25C3EF

Code CSS:

background-image: linear-gradient(135deg, #258CEE 6%, #25C3EF 88%);

Radial

HEX #258CEE sur HEX #25C3EF

Code CSS:

background-image: radial-gradient(circle, #258CEE 2%, #25C3EF 93%);

HEX #25C3EF sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #25C3EF 6%, #258CEE 95%);

HEX #25C3EF sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #25C3EF 9%, #258CEE 89%);

HEX #258CEE sur HEX #258DEF

Code CSS:

background-image: linear-gradient(135deg, #258CEE 10%, #258DEF 91%);

HEX #258CEE sur HEX #258DEF

Code CSS:

background-image: radial-gradient(circle, #258CEE 6%, #258DEF 93%);

HEX #258DEF sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #258DEF 11%, #258CEE 98%);

HEX #258DEF sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #258DEF 0%, #258CEE 90%);

HEX #258CEE sur HEX #2557EF

Code CSS:

background-image: linear-gradient(135deg, #258CEE 14%, #2557EF 97%);

HEX #258CEE sur HEX #2557EF

Code CSS:

background-image: radial-gradient(circle, #258CEE 11%, #2557EF 97%);

HEX #2557EF sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #2557EF 11%, #258CEE 97%);

HEX #2557EF sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #2557EF 10%, #258CEE 99%);

HEX #258CEE sur HEX #2825EF

Code CSS:

background-image: linear-gradient(135deg, #258CEE 6%, #2825EF 94%);

HEX #258CEE sur HEX #2825EF

Code CSS:

background-image: radial-gradient(circle, #258CEE 0%, #2825EF 95%);

HEX #2825EF sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #2825EF 2%, #258CEE 90%);

HEX #2825EF sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #2825EF 11%, #258CEE 93%);

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

Linéaire

HEX #258CEE sur HEX #1078DA

Code CSS:

background-image: linear-gradient(135deg, #258CEE 0%, #1078DA 90%);

Radial

HEX #258CEE sur HEX #1078DA

Code CSS:

background-image: radial-gradient(circle, #258CEE 4%, #1078DA 96%);

HEX #1078DA sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #1078DA 14%, #258CEE 100%);

HEX #1078DA sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #1078DA 14%, #258CEE 100%);

HEX #258CEE sur HEX #258CEF

Code CSS:

background-image: linear-gradient(135deg, #258CEE 10%, #258CEF 98%);

HEX #258CEE sur HEX #258CEF

Code CSS:

background-image: radial-gradient(circle, #258CEE 1%, #258CEF 94%);

HEX #258CEF sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #258CEF 12%, #258CEE 99%);

HEX #258CEF sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #258CEF 1%, #258CEE 93%);

HEX #258CEE sur HEX #4BA0F1

Code CSS:

background-image: linear-gradient(135deg, #258CEE 12%, #4BA0F1 99%);

HEX #258CEE sur HEX #4BA0F1

Code CSS:

background-image: radial-gradient(circle, #258CEE 9%, #4BA0F1 98%);

HEX #4BA0F1 sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #4BA0F1 7%, #258CEE 92%);

HEX #4BA0F1 sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #4BA0F1 0%, #258CEE 97%);

HEX #258CEE sur HEX #72B5F4

Code CSS:

background-image: linear-gradient(135deg, #258CEE 0%, #72B5F4 86%);

HEX #258CEE sur HEX #72B5F4

Code CSS:

background-image: radial-gradient(circle, #258CEE 3%, #72B5F4 100%);

HEX #72B5F4 sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #72B5F4 13%, #258CEE 97%);

HEX #72B5F4 sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #72B5F4 0%, #258CEE 94%);

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

Linéaire

HEX #258CEE sur HEX #AF25EF

Code CSS:

background-image: linear-gradient(135deg, #258CEE 6%, #AF25EF 91%);

Radial

HEX #258CEE sur HEX #AF25EF

Code CSS:

background-image: radial-gradient(circle, #258CEE 7%, #AF25EF 89%);

HEX #AF25EF sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #AF25EF 14%, #258CEE 92%);

HEX #AF25EF sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #AF25EF 7%, #258CEE 99%);

HEX #258CEE sur HEX #DEEF25

Code CSS:

background-image: linear-gradient(135deg, #258CEE 1%, #DEEF25 92%);

HEX #258CEE sur HEX #DEEF25

Code CSS:

background-image: radial-gradient(circle, #258CEE 4%, #DEEF25 93%);

HEX #DEEF25 sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #DEEF25 10%, #258CEE 99%);

HEX #DEEF25 sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #DEEF25 11%, #258CEE 87%);

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

Linéaire

HEX #258CEE sur HEX #EF258D

Code CSS:

background-image: linear-gradient(135deg, #258CEE 1%, #EF258D 99%);

Radial

HEX #258CEE sur HEX #EF258D

Code CSS:

background-image: radial-gradient(circle, #258CEE 5%, #EF258D 96%);

HEX #EF258D sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #EF258D 12%, #258CEE 90%);

HEX #EF258D sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #EF258D 11%, #258CEE 100%);

HEX #258CEE sur HEX #8DEF25

Code CSS:

background-image: linear-gradient(135deg, #258CEE 7%, #8DEF25 98%);

HEX #258CEE sur HEX #8DEF25

Code CSS:

background-image: radial-gradient(circle, #258CEE 11%, #8DEF25 90%);

HEX #8DEF25 sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #8DEF25 9%, #258CEE 89%);

HEX #8DEF25 sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #8DEF25 1%, #258CEE 92%);

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

Linéaire

HEX #258CEE sur HEX #AF25EF

Code CSS:

background-image: linear-gradient(135deg, #258CEE 1%, #AF25EF 86%);

Radial

HEX #258CEE sur HEX #AF25EF

Code CSS:

background-image: radial-gradient(circle, #258CEE 6%, #AF25EF 94%);

HEX #AF25EF sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #AF25EF 9%, #258CEE 87%);

HEX #AF25EF sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #AF25EF 14%, #258CEE 95%);

HEX #258CEE sur HEX #EF8625

Code CSS:

background-image: linear-gradient(135deg, #258CEE 14%, #EF8625 86%);

HEX #258CEE sur HEX #EF8625

Code CSS:

background-image: radial-gradient(circle, #258CEE 7%, #EF8625 97%);

HEX #EF8625 sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #EF8625 5%, #258CEE 96%);

HEX #EF8625 sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #EF8625 13%, #258CEE 88%);

HEX #258CEE sur HEX #65EF25

Code CSS:

background-image: linear-gradient(135deg, #258CEE 2%, #65EF25 90%);

HEX #258CEE sur HEX #65EF25

Code CSS:

background-image: radial-gradient(circle, #258CEE 8%, #65EF25 95%);

HEX #65EF25 sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #65EF25 14%, #258CEE 99%);

HEX #65EF25 sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #65EF25 4%, #258CEE 99%);

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

Linéaire

HEX #258CEE sur HEX #EB25EF

Code CSS:

background-image: linear-gradient(135deg, #258CEE 8%, #EB25EF 88%);

Radial

HEX #258CEE sur HEX #EB25EF

Code CSS:

background-image: radial-gradient(circle, #258CEE 3%, #EB25EF 86%);

HEX #EB25EF sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #EB25EF 3%, #258CEE 99%);

HEX #EB25EF sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #EB25EF 2%, #258CEE 98%);

HEX #258CEE sur HEX #EF8625

Code CSS:

background-image: linear-gradient(135deg, #258CEE 7%, #EF8625 97%);

HEX #258CEE sur HEX #EF8625

Code CSS:

background-image: radial-gradient(circle, #258CEE 1%, #EF8625 88%);

HEX #EF8625 sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #EF8625 1%, #258CEE 88%);

HEX #EF8625 sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #EF8625 11%, #258CEE 93%);

HEX #258CEE sur HEX #28EF25

Code CSS:

background-image: linear-gradient(135deg, #258CEE 1%, #28EF25 90%);

HEX #258CEE sur HEX #28EF25

Code CSS:

background-image: radial-gradient(circle, #258CEE 8%, #28EF25 90%);

HEX #28EF25 sur HEX #258CEE

Code CSS:

background-image: linear-gradient(135deg, #28EF25 5%, #258CEE 89%);

HEX #28EF25 sur HEX #258CEE

Code CSS:

background-image: radial-gradient(circle, #28EF25 11%, #258CEE 98%);

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)

To be able to save color palettes, a registration is required.

As a guest, you can collect and download colors in the color collector. Activate qConv Start for free to save color palettes permanently and manage the colors in each palette.

Log 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 desired link.

Share

View

OK, I have copied the links

Your colors will be saved in a new color palette.
View them under your profile.
You can customize them further, and share them.

Show color palette

Close

Create a color palette

DownloadDownload in different formats

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

Gastzugang

Guest access – no qConv Start profile yet Core functions are available with a guest allowance. qConv Start is activated after you create a free account. You can then save color palettes and images permanently in your profile.

Save color palettes: free profile requiredUp to 5 colors in the guest color collector