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

✕

CSS Gradients:
#488117

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

Couleur foncée : les valeurs de couleur basses paraissent plus sombres.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 72 Rouge, 129 Vert et 23 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 44 cyan, pas de magenta, 82 jaune et 49 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 #488117 - Couleur complémentaire

Linéaire

HEX #488117 sur HEX #B77EE8

Code CSS:

background-image: linear-gradient(135deg, #488117 11%, #B77EE8 90%);

Radial

HEX #488117 sur HEX #B77EE8

Code CSS:

background-image: radial-gradient(circle, #488117 5%, #B77EE8 89%);

HEX #B77EE8 sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #B77EE8 1%, #488117 98%);

HEX #B77EE8 sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #B77EE8 10%, #488117 87%);

Dégradé de 2 couleurs de #488117 - Teintes plus claires

Linéaire

HEX #488117 sur HEX #658217

Code CSS:

background-image: linear-gradient(135deg, #488117 8%, #658217 99%);

Radial

HEX #488117 sur HEX #658217

Code CSS:

background-image: radial-gradient(circle, #488117 8%, #658217 89%);

HEX #658217 sur HEX #488117

Code CSS:

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

HEX #658217 sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #658217 14%, #488117 96%);

HEX #488117 sur HEX #498217

Code CSS:

background-image: linear-gradient(135deg, #488117 9%, #498217 92%);

HEX #488117 sur HEX #498217

Code CSS:

background-image: radial-gradient(circle, #488117 3%, #498217 86%);

HEX #498217 sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #498217 3%, #488117 93%);

HEX #498217 sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #498217 3%, #488117 93%);

HEX #488117 sur HEX #2C8217

Code CSS:

background-image: linear-gradient(135deg, #488117 14%, #2C8217 99%);

HEX #488117 sur HEX #2C8217

Code CSS:

background-image: radial-gradient(circle, #488117 13%, #2C8217 87%);

HEX #2C8217 sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #2C8217 13%, #488117 97%);

HEX #2C8217 sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #2C8217 4%, #488117 95%);

HEX #488117 sur HEX #17821E

Code CSS:

background-image: linear-gradient(135deg, #488117 14%, #17821E 97%);

HEX #488117 sur HEX #17821E

Code CSS:

background-image: radial-gradient(circle, #488117 9%, #17821E 92%);

HEX #17821E sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #17821E 11%, #488117 97%);

HEX #17821E sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #17821E 12%, #488117 99%);

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

Linéaire

HEX #488117 sur HEX #355F11

Code CSS:

background-image: linear-gradient(135deg, #488117 14%, #355F11 96%);

Radial

HEX #488117 sur HEX #355F11

Code CSS:

background-image: radial-gradient(circle, #488117 4%, #355F11 86%);

HEX #355F11 sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #355F11 7%, #488117 96%);

HEX #355F11 sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #355F11 3%, #488117 90%);

HEX #488117 sur HEX #488217

Code CSS:

background-image: linear-gradient(135deg, #488117 11%, #488217 90%);

HEX #488117 sur HEX #488217

Code CSS:

background-image: radial-gradient(circle, #488117 12%, #488217 87%);

HEX #488217 sur HEX #488117

Code CSS:

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

HEX #488217 sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #488217 2%, #488117 88%);

HEX #488117 sur HEX #5CA51D

Code CSS:

background-image: linear-gradient(135deg, #488117 8%, #5CA51D 92%);

HEX #488117 sur HEX #5CA51D

Code CSS:

background-image: radial-gradient(circle, #488117 10%, #5CA51D 88%);

HEX #5CA51D sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #5CA51D 6%, #488117 95%);

HEX #5CA51D sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #5CA51D 2%, #488117 89%);

HEX #488117 sur HEX #70C823

Code CSS:

background-image: linear-gradient(135deg, #488117 8%, #70C823 96%);

HEX #488117 sur HEX #70C823

Code CSS:

background-image: radial-gradient(circle, #488117 11%, #70C823 92%);

HEX #70C823 sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #70C823 12%, #488117 89%);

HEX #70C823 sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #70C823 6%, #488117 90%);

Dégradé de 2 couleurs de #488117 - Couleurs analogiques

Linéaire

HEX #488117 sur HEX #658217

Code CSS:

background-image: linear-gradient(135deg, #488117 11%, #658217 96%);

Radial

HEX #488117 sur HEX #658217

Code CSS:

background-image: radial-gradient(circle, #488117 9%, #658217 89%);

HEX #658217 sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #658217 10%, #488117 100%);

HEX #658217 sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #658217 1%, #488117 98%);

HEX #488117 sur HEX #498217

Code CSS:

background-image: linear-gradient(135deg, #488117 7%, #498217 93%);

HEX #488117 sur HEX #498217

Code CSS:

background-image: radial-gradient(circle, #488117 6%, #498217 89%);

HEX #498217 sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #498217 3%, #488117 91%);

HEX #498217 sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #498217 9%, #488117 94%);

HEX #488117 sur HEX #2C8217

Code CSS:

background-image: linear-gradient(135deg, #488117 1%, #2C8217 92%);

HEX #488117 sur HEX #2C8217

Code CSS:

background-image: radial-gradient(circle, #488117 7%, #2C8217 97%);

HEX #2C8217 sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #2C8217 1%, #488117 93%);

HEX #2C8217 sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #2C8217 8%, #488117 98%);

HEX #488117 sur HEX #17821E

Code CSS:

background-image: linear-gradient(135deg, #488117 4%, #17821E 100%);

HEX #488117 sur HEX #17821E

Code CSS:

background-image: radial-gradient(circle, #488117 1%, #17821E 90%);

HEX #17821E sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #17821E 7%, #488117 100%);

HEX #17821E sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #17821E 1%, #488117 90%);

Dégradé de 2 couleurs de #488117 - Couleurs monochromatiques

Linéaire

HEX #488117 sur HEX #355F11

Code CSS:

background-image: linear-gradient(135deg, #488117 2%, #355F11 86%);

Radial

HEX #488117 sur HEX #355F11

Code CSS:

background-image: radial-gradient(circle, #488117 3%, #355F11 99%);

HEX #355F11 sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #355F11 11%, #488117 87%);

HEX #355F11 sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #355F11 0%, #488117 98%);

HEX #488117 sur HEX #488217

Code CSS:

background-image: linear-gradient(135deg, #488117 12%, #488217 93%);

HEX #488117 sur HEX #488217

Code CSS:

background-image: radial-gradient(circle, #488117 11%, #488217 89%);

HEX #488217 sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #488217 4%, #488117 95%);

HEX #488217 sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #488217 6%, #488117 87%);

HEX #488117 sur HEX #5CA51D

Code CSS:

background-image: linear-gradient(135deg, #488117 8%, #5CA51D 97%);

HEX #488117 sur HEX #5CA51D

Code CSS:

background-image: radial-gradient(circle, #488117 11%, #5CA51D 93%);

HEX #5CA51D sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #5CA51D 13%, #488117 96%);

HEX #5CA51D sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #5CA51D 13%, #488117 92%);

HEX #488117 sur HEX #70C823

Code CSS:

background-image: linear-gradient(135deg, #488117 6%, #70C823 98%);

HEX #488117 sur HEX #70C823

Code CSS:

background-image: radial-gradient(circle, #488117 12%, #70C823 90%);

HEX #70C823 sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #70C823 13%, #488117 94%);

HEX #70C823 sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #70C823 9%, #488117 95%);

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

Linéaire

HEX #488117 sur HEX #178265

Code CSS:

background-image: linear-gradient(135deg, #488117 4%, #178265 92%);

Radial

HEX #488117 sur HEX #178265

Code CSS:

background-image: radial-gradient(circle, #488117 12%, #178265 87%);

HEX #178265 sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #178265 4%, #488117 98%);

HEX #178265 sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #178265 3%, #488117 94%);

HEX #488117 sur HEX #821774

Code CSS:

background-image: linear-gradient(135deg, #488117 2%, #821774 97%);

HEX #488117 sur HEX #821774

Code CSS:

background-image: radial-gradient(circle, #488117 14%, #821774 87%);

HEX #821774 sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #821774 7%, #488117 93%);

HEX #821774 sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #821774 14%, #488117 98%);

Dégradé de 2 couleurs de #488117 - Couleurs triadiques

Linéaire

HEX #488117 sur HEX #174982

Code CSS:

background-image: linear-gradient(135deg, #488117 6%, #174982 87%);

Radial

HEX #488117 sur HEX #174982

Code CSS:

background-image: radial-gradient(circle, #488117 7%, #174982 96%);

HEX #174982 sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #174982 8%, #488117 86%);

HEX #174982 sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #174982 6%, #488117 96%);

HEX #488117 sur HEX #821749

Code CSS:

background-image: linear-gradient(135deg, #488117 2%, #821749 98%);

HEX #488117 sur HEX #821749

Code CSS:

background-image: radial-gradient(circle, #488117 7%, #821749 100%);

HEX #821749 sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #821749 0%, #488117 95%);

HEX #821749 sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #821749 5%, #488117 97%);

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

Linéaire

HEX #488117 sur HEX #178265

Code CSS:

background-image: linear-gradient(135deg, #488117 11%, #178265 95%);

Radial

HEX #488117 sur HEX #178265

Code CSS:

background-image: radial-gradient(circle, #488117 10%, #178265 96%);

HEX #178265 sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #178265 11%, #488117 92%);

HEX #178265 sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #178265 11%, #488117 98%);

HEX #488117 sur HEX #501782

Code CSS:

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

HEX #488117 sur HEX #501782

Code CSS:

background-image: radial-gradient(circle, #488117 3%, #501782 94%);

HEX #501782 sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #501782 2%, #488117 95%);

HEX #501782 sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #501782 10%, #488117 99%);

HEX #488117 sur HEX #821734

Code CSS:

background-image: linear-gradient(135deg, #488117 11%, #821734 89%);

HEX #488117 sur HEX #821734

Code CSS:

background-image: radial-gradient(circle, #488117 6%, #821734 94%);

HEX #821734 sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #821734 9%, #488117 99%);

HEX #821734 sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #821734 2%, #488117 95%);

Dégradé de 2 couleurs de #488117 - Couleurs carrées

Linéaire

HEX #488117 sur HEX #177E82

Code CSS:

background-image: linear-gradient(135deg, #488117 14%, #177E82 98%);

Radial

HEX #488117 sur HEX #177E82

Code CSS:

background-image: radial-gradient(circle, #488117 7%, #177E82 100%);

HEX #177E82 sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #177E82 7%, #488117 98%);

HEX #177E82 sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #177E82 3%, #488117 88%);

HEX #488117 sur HEX #501782

Code CSS:

background-image: linear-gradient(135deg, #488117 9%, #501782 95%);

HEX #488117 sur HEX #501782

Code CSS:

background-image: radial-gradient(circle, #488117 10%, #501782 86%);

HEX #501782 sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #501782 12%, #488117 90%);

HEX #501782 sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #501782 7%, #488117 89%);

HEX #488117 sur HEX #821B17

Code CSS:

background-image: linear-gradient(135deg, #488117 3%, #821B17 98%);

HEX #488117 sur HEX #821B17

Code CSS:

background-image: radial-gradient(circle, #488117 13%, #821B17 90%);

HEX #821B17 sur HEX #488117

Code CSS:

background-image: linear-gradient(135deg, #821B17 8%, #488117 93%);

HEX #821B17 sur HEX #488117

Code CSS:

background-image: radial-gradient(circle, #821B17 3%, #488117 99%);

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é