Vous pouvez utiliser l'onglet 'Préférences'.

Vos paramètres de confidentialité

Cette page de paramètres vous permet de définir la manière dont vos données personnelles sont traitées. Vous pouvez à tout moment modifier votre décision en cliquant sur le lien fourni. Pour accepter les traitements décrits ci-dessous, déplacez les boutons en conséquence. Vous pouvez également désactiver toutes les options en cliquant sur le bouton 'Refuser tout', puis enregistrer votre choix.

Vos choix en matière de technologies de suivi

Dans cette section, vous pouvez décider individuellement si vous souhaitez accepter l'utilisation de certaines technologies de suivi aux fins indiquées ci-dessous. Vous trouverez des détails sur la manière dont nous utilisons ces technologies et sur leur fonctionnement dans notre politique en matière de cookies. Veuillez noter que si vous refusez certaines finalités, il est possible que certaines fonctions de notre site web ne soient pas disponibles ou ne le soient que de manière limitée.

Requis

Afficher une description

Fonctionnalité

Afficher une description

Statistiques et mesure du succès

Afficher une description

Marketing

Afficher la description

.

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

✕

CSS Gradients:
#198ACE

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 25 Rouge, 138 Vert et 206 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 88 cyan, 33 magenta, pas de jaune et 19 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 #198ACE - Couleur complémentaire

Linéaire

HEX #198ACE sur HEX #E67531

Code CSS:

background-image: linear-gradient(135deg, #198ACE 10%, #E67531 91%);

Radial

HEX #198ACE sur HEX #E67531

Code CSS:

background-image: radial-gradient(circle, #198ACE 10%, #E67531 91%);

HEX #E67531 sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #E67531 5%, #198ACE 97%);

HEX #E67531 sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #E67531 0%, #198ACE 92%);

Dégradé de 2 couleurs de #198ACE - Teintes plus claires

Linéaire

HEX #198ACE sur HEX #19BACC

Code CSS:

background-image: linear-gradient(135deg, #198ACE 4%, #19BACC 86%);

Radial

HEX #198ACE sur HEX #19BACC

Code CSS:

background-image: radial-gradient(circle, #198ACE 11%, #19BACC 90%);

HEX #19BACC sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #19BACC 4%, #198ACE 87%);

HEX #19BACC sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #19BACC 0%, #198ACE 89%);

HEX #198ACE sur HEX #198BCC

Code CSS:

background-image: linear-gradient(135deg, #198ACE 8%, #198BCC 95%);

HEX #198ACE sur HEX #198BCC

Code CSS:

background-image: radial-gradient(circle, #198ACE 7%, #198BCC 91%);

HEX #198BCC sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #198BCC 4%, #198ACE 86%);

HEX #198BCC sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #198BCC 1%, #198ACE 86%);

HEX #198ACE sur HEX #195BCC

Code CSS:

background-image: linear-gradient(135deg, #198ACE 3%, #195BCC 95%);

HEX #198ACE sur HEX #195BCC

Code CSS:

background-image: radial-gradient(circle, #198ACE 1%, #195BCC 89%);

HEX #195BCC sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #195BCC 12%, #198ACE 92%);

HEX #195BCC sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #195BCC 9%, #198ACE 95%);

HEX #198ACE sur HEX #192BCC

Code CSS:

background-image: linear-gradient(135deg, #198ACE 2%, #192BCC 100%);

HEX #198ACE sur HEX #192BCC

Code CSS:

background-image: radial-gradient(circle, #198ACE 7%, #192BCC 92%);

HEX #192BCC sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #192BCC 0%, #198ACE 98%);

HEX #192BCC sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #192BCC 5%, #198ACE 87%);

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

Linéaire

HEX #198ACE sur HEX #1570A8

Code CSS:

background-image: linear-gradient(135deg, #198ACE 1%, #1570A8 90%);

Radial

HEX #198ACE sur HEX #1570A8

Code CSS:

background-image: radial-gradient(circle, #198ACE 0%, #1570A8 93%);

HEX #1570A8 sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #1570A8 12%, #198ACE 90%);

HEX #1570A8 sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #1570A8 9%, #198ACE 92%);

HEX #198ACE sur HEX #1989CC

Code CSS:

background-image: linear-gradient(135deg, #198ACE 13%, #1989CC 90%);

HEX #198ACE sur HEX #1989CC

Code CSS:

background-image: radial-gradient(circle, #198ACE 9%, #1989CC 89%);

HEX #1989CC sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #1989CC 2%, #198ACE 98%);

HEX #1989CC sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #1989CC 7%, #198ACE 95%);

HEX #198ACE sur HEX #2A9FE5

Code CSS:

background-image: linear-gradient(135deg, #198ACE 7%, #2A9FE5 91%);

HEX #198ACE sur HEX #2A9FE5

Code CSS:

background-image: radial-gradient(circle, #198ACE 7%, #2A9FE5 93%);

HEX #2A9FE5 sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #2A9FE5 2%, #198ACE 86%);

HEX #2A9FE5 sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #2A9FE5 14%, #198ACE 93%);

HEX #198ACE sur HEX #4FAFE9

Code CSS:

background-image: linear-gradient(135deg, #198ACE 13%, #4FAFE9 98%);

HEX #198ACE sur HEX #4FAFE9

Code CSS:

background-image: radial-gradient(circle, #198ACE 2%, #4FAFE9 99%);

HEX #4FAFE9 sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #4FAFE9 1%, #198ACE 95%);

HEX #4FAFE9 sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #4FAFE9 10%, #198ACE 87%);

Dégradé de 2 couleurs de #198ACE - Couleurs analogiques

Linéaire

HEX #198ACE sur HEX #19BACC

Code CSS:

background-image: linear-gradient(135deg, #198ACE 1%, #19BACC 90%);

Radial

HEX #198ACE sur HEX #19BACC

Code CSS:

background-image: radial-gradient(circle, #198ACE 6%, #19BACC 87%);

HEX #19BACC sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #19BACC 3%, #198ACE 98%);

HEX #19BACC sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #19BACC 10%, #198ACE 94%);

HEX #198ACE sur HEX #198BCC

Code CSS:

background-image: linear-gradient(135deg, #198ACE 6%, #198BCC 90%);

HEX #198ACE sur HEX #198BCC

Code CSS:

background-image: radial-gradient(circle, #198ACE 14%, #198BCC 92%);

HEX #198BCC sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #198BCC 5%, #198ACE 98%);

HEX #198BCC sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #198BCC 5%, #198ACE 100%);

HEX #198ACE sur HEX #195BCC

Code CSS:

background-image: linear-gradient(135deg, #198ACE 0%, #195BCC 87%);

HEX #198ACE sur HEX #195BCC

Code CSS:

background-image: radial-gradient(circle, #198ACE 12%, #195BCC 90%);

HEX #195BCC sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #195BCC 8%, #198ACE 95%);

HEX #195BCC sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #195BCC 3%, #198ACE 89%);

HEX #198ACE sur HEX #192BCC

Code CSS:

background-image: linear-gradient(135deg, #198ACE 12%, #192BCC 95%);

HEX #198ACE sur HEX #192BCC

Code CSS:

background-image: radial-gradient(circle, #198ACE 3%, #192BCC 92%);

HEX #192BCC sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #192BCC 7%, #198ACE 90%);

HEX #192BCC sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #192BCC 5%, #198ACE 86%);

Dégradé de 2 couleurs de #198ACE - Couleurs monochromatiques

Linéaire

HEX #198ACE sur HEX #1570A8

Code CSS:

background-image: linear-gradient(135deg, #198ACE 12%, #1570A8 90%);

Radial

HEX #198ACE sur HEX #1570A8

Code CSS:

background-image: radial-gradient(circle, #198ACE 5%, #1570A8 91%);

HEX #1570A8 sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #1570A8 3%, #198ACE 86%);

HEX #1570A8 sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #1570A8 7%, #198ACE 98%);

HEX #198ACE sur HEX #1989CC

Code CSS:

background-image: linear-gradient(135deg, #198ACE 14%, #1989CC 87%);

HEX #198ACE sur HEX #1989CC

Code CSS:

background-image: radial-gradient(circle, #198ACE 14%, #1989CC 90%);

HEX #1989CC sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #1989CC 8%, #198ACE 99%);

HEX #1989CC sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #1989CC 10%, #198ACE 98%);

HEX #198ACE sur HEX #2A9FE5

Code CSS:

background-image: linear-gradient(135deg, #198ACE 0%, #2A9FE5 93%);

HEX #198ACE sur HEX #2A9FE5

Code CSS:

background-image: radial-gradient(circle, #198ACE 6%, #2A9FE5 99%);

HEX #2A9FE5 sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #2A9FE5 5%, #198ACE 98%);

HEX #2A9FE5 sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #2A9FE5 14%, #198ACE 86%);

HEX #198ACE sur HEX #4FAFE9

Code CSS:

background-image: linear-gradient(135deg, #198ACE 5%, #4FAFE9 92%);

HEX #198ACE sur HEX #4FAFE9

Code CSS:

background-image: radial-gradient(circle, #198ACE 10%, #4FAFE9 99%);

HEX #4FAFE9 sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #4FAFE9 8%, #198ACE 95%);

HEX #4FAFE9 sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #4FAFE9 12%, #198ACE 99%);

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

Linéaire

HEX #198ACE sur HEX #7F19CC

Code CSS:

background-image: linear-gradient(135deg, #198ACE 14%, #7F19CC 99%);

Radial

HEX #198ACE sur HEX #7F19CC

Code CSS:

background-image: radial-gradient(circle, #198ACE 5%, #7F19CC 92%);

HEX #7F19CC sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #7F19CC 1%, #198ACE 99%);

HEX #7F19CC sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #7F19CC 10%, #198ACE 93%);

HEX #198ACE sur HEX #CCC619

Code CSS:

background-image: linear-gradient(135deg, #198ACE 12%, #CCC619 93%);

HEX #198ACE sur HEX #CCC619

Code CSS:

background-image: radial-gradient(circle, #198ACE 8%, #CCC619 87%);

HEX #CCC619 sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #CCC619 7%, #198ACE 87%);

HEX #CCC619 sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #CCC619 1%, #198ACE 86%);

Dégradé de 2 couleurs de #198ACE - Couleurs triadiques

Linéaire

HEX #198ACE sur HEX #CC198B

Code CSS:

background-image: linear-gradient(135deg, #198ACE 12%, #CC198B 88%);

Radial

HEX #198ACE sur HEX #CC198B

Code CSS:

background-image: radial-gradient(circle, #198ACE 4%, #CC198B 92%);

HEX #CC198B sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #CC198B 5%, #198ACE 87%);

HEX #CC198B sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #CC198B 0%, #198ACE 95%);

HEX #198ACE sur HEX #8BCC19

Code CSS:

background-image: linear-gradient(135deg, #198ACE 8%, #8BCC19 86%);

HEX #198ACE sur HEX #8BCC19

Code CSS:

background-image: radial-gradient(circle, #198ACE 7%, #8BCC19 89%);

HEX #8BCC19 sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #8BCC19 14%, #198ACE 99%);

HEX #8BCC19 sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #8BCC19 0%, #198ACE 88%);

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

Linéaire

HEX #198ACE sur HEX #7F19CC

Code CSS:

background-image: linear-gradient(135deg, #198ACE 11%, #7F19CC 87%);

Radial

HEX #198ACE sur HEX #7F19CC

Code CSS:

background-image: radial-gradient(circle, #198ACE 13%, #7F19CC 97%);

HEX #7F19CC sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #7F19CC 6%, #198ACE 89%);

HEX #7F19CC sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #7F19CC 3%, #198ACE 91%);

HEX #198ACE sur HEX #CC5B19

Code CSS:

background-image: linear-gradient(135deg, #198ACE 3%, #CC5B19 97%);

HEX #198ACE sur HEX #CC5B19

Code CSS:

background-image: radial-gradient(circle, #198ACE 3%, #CC5B19 86%);

HEX #CC5B19 sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #CC5B19 6%, #198ACE 90%);

HEX #CC5B19 sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #CC5B19 8%, #198ACE 94%);

HEX #198ACE sur HEX #67CC19

Code CSS:

background-image: linear-gradient(135deg, #198ACE 1%, #67CC19 88%);

HEX #198ACE sur HEX #67CC19

Code CSS:

background-image: radial-gradient(circle, #198ACE 11%, #67CC19 96%);

HEX #67CC19 sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #67CC19 8%, #198ACE 94%);

HEX #67CC19 sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #67CC19 4%, #198ACE 92%);

Dégradé de 2 couleurs de #198ACE - Couleurs carrées

Linéaire

HEX #198ACE sur HEX #B419CC

Code CSS:

background-image: linear-gradient(135deg, #198ACE 6%, #B419CC 100%);

Radial

HEX #198ACE sur HEX #B419CC

Code CSS:

background-image: radial-gradient(circle, #198ACE 1%, #B419CC 93%);

HEX #B419CC sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #B419CC 6%, #198ACE 90%);

HEX #B419CC sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #B419CC 8%, #198ACE 87%);

HEX #198ACE sur HEX #CC5B19

Code CSS:

background-image: linear-gradient(135deg, #198ACE 6%, #CC5B19 89%);

HEX #198ACE sur HEX #CC5B19

Code CSS:

background-image: radial-gradient(circle, #198ACE 13%, #CC5B19 90%);

HEX #CC5B19 sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #CC5B19 11%, #198ACE 88%);

HEX #CC5B19 sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #CC5B19 8%, #198ACE 97%);

HEX #198ACE sur HEX #31CC19

Code CSS:

background-image: linear-gradient(135deg, #198ACE 7%, #31CC19 99%);

HEX #198ACE sur HEX #31CC19

Code CSS:

background-image: radial-gradient(circle, #198ACE 6%, #31CC19 97%);

HEX #31CC19 sur HEX #198ACE

Code CSS:

background-image: linear-gradient(135deg, #31CC19 9%, #198ACE 87%);

HEX #31CC19 sur HEX #198ACE

Code CSS:

background-image: radial-gradient(circle, #31CC19 5%, #198ACE 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.

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.