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

CSS Gradients:
RGB 0 122 86

Information

ferme tous les

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

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

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

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

Trouve des exemples de transitions linéaires et radiales de Teintes plus claires.

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

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

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

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

Options d'affichage

Description

Comme les valeurs chromatiques sont relativement faibles par rapport aux autres, cette teinte nous semble plus sombre.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement pas de Rouge, 122 Vert et 86 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.
0 122 86 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 100 cyan, pas de magenta, 30 jaune et 52 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.
100% 0% 30% 52% 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 #007A56 sur HEX #FF85A9


Code CSS:

background-image: linear-gradient(135deg, #007A56 12%, #FF85A9 95%);

Radial

HEX #007A56 sur HEX #FF85A9


Code CSS:

background-image: radial-gradient(circle, #007A56 8%, #FF85A9 91%);

 

HEX #FF85A9 sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #FF85A9 1%, #007A56 95%);

 

HEX #FF85A9 sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #FF85A9 10%, #007A56 99%);

Linéaire

HEX #007A56 sur HEX #168C64


Code CSS:

background-image: linear-gradient(135deg, #007A56 13%, #168C64 89%);

Radial

HEX #007A56 sur HEX #168C64


Code CSS:

background-image: radial-gradient(circle, #007A56 11%, #168C64 95%);

 

HEX #168C64 sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #168C64 2%, #007A56 96%);

 

HEX #168C64 sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #168C64 6%, #007A56 94%);

 

HEX #007A56 sur HEX #279E77


Code CSS:

background-image: linear-gradient(135deg, #007A56 12%, #279E77 99%);

 

HEX #007A56 sur HEX #279E77


Code CSS:

background-image: radial-gradient(circle, #007A56 6%, #279E77 88%);

 

HEX #279E77 sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #279E77 13%, #007A56 90%);

 

HEX #279E77 sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #279E77 7%, #007A56 87%);

 

HEX #007A56 sur HEX #38B08A


Code CSS:

background-image: linear-gradient(135deg, #007A56 9%, #38B08A 98%);

 

HEX #007A56 sur HEX #38B08A


Code CSS:

background-image: radial-gradient(circle, #007A56 3%, #38B08A 94%);

 

HEX #38B08A sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #38B08A 12%, #007A56 94%);

 

HEX #38B08A sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #38B08A 2%, #007A56 86%);

 

HEX #007A56 sur HEX #49C29D


Code CSS:

background-image: linear-gradient(135deg, #007A56 11%, #49C29D 93%);

 

HEX #007A56 sur HEX #49C29D


Code CSS:

background-image: radial-gradient(circle, #007A56 4%, #49C29D 91%);

 

HEX #49C29D sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #49C29D 3%, #007A56 99%);

 

HEX #49C29D sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #49C29D 11%, #007A56 86%);

Linéaire

HEX #007A56 sur HEX #006843


Code CSS:

background-image: linear-gradient(135deg, #007A56 5%, #006843 87%);

Radial

HEX #007A56 sur HEX #006843


Code CSS:

background-image: radial-gradient(circle, #007A56 4%, #006843 91%);

 

HEX #006843 sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #006843 4%, #007A56 88%);

 

HEX #006843 sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #006843 9%, #007A56 96%);

 

HEX #007A56 sur HEX #005630


Code CSS:

background-image: linear-gradient(135deg, #007A56 9%, #005630 93%);

 

HEX #007A56 sur HEX #005630


Code CSS:

background-image: radial-gradient(circle, #007A56 1%, #005630 92%);

 

HEX #005630 sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #005630 8%, #007A56 87%);

 

HEX #005630 sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #005630 4%, #007A56 87%);

 

HEX #007A56 sur HEX #00441D


Code CSS:

background-image: linear-gradient(135deg, #007A56 8%, #00441D 93%);

 

HEX #007A56 sur HEX #00441D


Code CSS:

background-image: radial-gradient(circle, #007A56 10%, #00441D 90%);

 

HEX #00441D sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #00441D 8%, #007A56 96%);

 

HEX #00441D sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #00441D 7%, #007A56 94%);

 

HEX #007A56 sur HEX #00320A


Code CSS:

background-image: linear-gradient(135deg, #007A56 10%, #00320A 97%);

 

HEX #007A56 sur HEX #00320A


Code CSS:

background-image: radial-gradient(circle, #007A56 12%, #00320A 88%);

 

HEX #00320A sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #00320A 4%, #007A56 98%);

 

HEX #00320A sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #00320A 2%, #007A56 94%);

Linéaire

HEX #007A56 sur HEX #007A6A


Code CSS:

background-image: linear-gradient(135deg, #007A56 0%, #007A6A 91%);

Radial

HEX #007A56 sur HEX #007A6A


Code CSS:

background-image: radial-gradient(circle, #007A56 10%, #007A6A 86%);

 

HEX #007A6A sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #007A6A 3%, #007A56 87%);

 

HEX #007A6A sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #007A6A 2%, #007A56 89%);

 

HEX #007A56 sur HEX #00767A


Code CSS:

background-image: linear-gradient(135deg, #007A56 5%, #00767A 97%);

 

HEX #007A56 sur HEX #00767A


Code CSS:

background-image: radial-gradient(circle, #007A56 1%, #00767A 88%);

 

HEX #00767A sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #00767A 1%, #007A56 97%);

 

HEX #00767A sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #00767A 8%, #007A56 89%);

 

HEX #007A56 sur HEX #00617A


Code CSS:

background-image: linear-gradient(135deg, #007A56 12%, #00617A 99%);

 

HEX #007A56 sur HEX #00617A


Code CSS:

background-image: radial-gradient(circle, #007A56 3%, #00617A 87%);

 

HEX #00617A sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #00617A 14%, #007A56 97%);

 

HEX #00617A sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #00617A 13%, #007A56 97%);

 

HEX #007A56 sur HEX #004D7A


Code CSS:

background-image: linear-gradient(135deg, #007A56 5%, #004D7A 90%);

 

HEX #007A56 sur HEX #004D7A


Code CSS:

background-image: radial-gradient(circle, #007A56 2%, #004D7A 91%);

 

HEX #004D7A sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #004D7A 5%, #007A56 98%);

 

HEX #004D7A sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #004D7A 7%, #007A56 96%);

Linéaire

HEX #007A56 sur HEX #00AD7A


Code CSS:

background-image: linear-gradient(135deg, #007A56 14%, #00AD7A 87%);

Radial

HEX #007A56 sur HEX #00AD7A


Code CSS:

background-image: radial-gradient(circle, #007A56 8%, #00AD7A 93%);

 

HEX #00AD7A sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #00AD7A 13%, #007A56 93%);

 

HEX #00AD7A sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #00AD7A 0%, #007A56 91%);

 

HEX #007A56 sur HEX #00E09E


Code CSS:

background-image: linear-gradient(135deg, #007A56 6%, #00E09E 96%);

 

HEX #007A56 sur HEX #00E09E


Code CSS:

background-image: radial-gradient(circle, #007A56 5%, #00E09E 94%);

 

HEX #00E09E sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #00E09E 9%, #007A56 89%);

 

HEX #00E09E sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #00E09E 10%, #007A56 99%);

 

HEX #007A56 sur HEX #00140E


Code CSS:

background-image: linear-gradient(135deg, #007A56 12%, #00140E 93%);

 

HEX #007A56 sur HEX #00140E


Code CSS:

background-image: radial-gradient(circle, #007A56 5%, #00140E 96%);

 

HEX #00140E sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #00140E 0%, #007A56 99%);

 

HEX #00140E sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #00140E 6%, #007A56 96%);

 

HEX #007A56 sur HEX #004732


Code CSS:

background-image: linear-gradient(135deg, #007A56 3%, #004732 89%);

 

HEX #007A56 sur HEX #004732


Code CSS:

background-image: radial-gradient(circle, #007A56 3%, #004732 97%);

 

HEX #004732 sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #004732 5%, #007A56 96%);

 

HEX #004732 sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #004732 12%, #007A56 94%);

Linéaire

HEX #007A56 sur HEX #000C7A


Code CSS:

background-image: linear-gradient(135deg, #007A56 1%, #000C7A 93%);

Radial

HEX #007A56 sur HEX #000C7A


Code CSS:

background-image: radial-gradient(circle, #007A56 9%, #000C7A 97%);

 

HEX #000C7A sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #000C7A 6%, #007A56 89%);

 

HEX #000C7A sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #000C7A 14%, #007A56 95%);

 

HEX #007A56 sur HEX #7A2400


Code CSS:

background-image: linear-gradient(135deg, #007A56 5%, #7A2400 88%);

 

HEX #007A56 sur HEX #7A2400


Code CSS:

background-image: radial-gradient(circle, #007A56 2%, #7A2400 97%);

 

HEX #7A2400 sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #7A2400 0%, #007A56 95%);

 

HEX #7A2400 sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #7A2400 11%, #007A56 88%);

Linéaire

HEX #007A56 sur HEX #55007A


Code CSS:

background-image: linear-gradient(135deg, #007A56 0%, #55007A 90%);

Radial

HEX #007A56 sur HEX #55007A


Code CSS:

background-image: radial-gradient(circle, #007A56 9%, #55007A 90%);

 

HEX #55007A sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #55007A 14%, #007A56 99%);

 

HEX #55007A sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #55007A 0%, #007A56 95%);

 

HEX #007A56 sur HEX #7A5500


Code CSS:

background-image: linear-gradient(135deg, #007A56 8%, #7A5500 87%);

 

HEX #007A56 sur HEX #7A5500


Code CSS:

background-image: radial-gradient(circle, #007A56 7%, #7A5500 86%);

 

HEX #7A5500 sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #7A5500 6%, #007A56 87%);

 

HEX #7A5500 sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #7A5500 7%, #007A56 90%);

Linéaire

HEX #007A56 sur HEX #000C7A


Code CSS:

background-image: linear-gradient(135deg, #007A56 14%, #000C7A 87%);

Radial

HEX #007A56 sur HEX #000C7A


Code CSS:

background-image: radial-gradient(circle, #007A56 10%, #000C7A 95%);

 

HEX #000C7A sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #000C7A 2%, #007A56 92%);

 

HEX #000C7A sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #000C7A 13%, #007A56 87%);

 

HEX #007A56 sur HEX #7A0024


Code CSS:

background-image: linear-gradient(135deg, #007A56 0%, #7A0024 92%);

 

HEX #007A56 sur HEX #7A0024


Code CSS:

background-image: radial-gradient(circle, #007A56 3%, #7A0024 94%);

 

HEX #7A0024 sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #7A0024 11%, #007A56 88%);

 

HEX #7A0024 sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #7A0024 6%, #007A56 89%);

 

HEX #007A56 sur HEX #7A6E00


Code CSS:

background-image: linear-gradient(135deg, #007A56 11%, #7A6E00 96%);

 

HEX #007A56 sur HEX #7A6E00


Code CSS:

background-image: radial-gradient(circle, #007A56 11%, #7A6E00 87%);

 

HEX #7A6E00 sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #7A6E00 10%, #007A56 96%);

 

HEX #7A6E00 sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #7A6E00 13%, #007A56 88%);

Linéaire

HEX #007A56 sur HEX #18007A


Code CSS:

background-image: linear-gradient(135deg, #007A56 14%, #18007A 99%);

Radial

HEX #007A56 sur HEX #18007A


Code CSS:

background-image: radial-gradient(circle, #007A56 2%, #18007A 97%);

 

HEX #18007A sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #18007A 12%, #007A56 93%);

 

HEX #18007A sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #18007A 9%, #007A56 100%);

 

HEX #007A56 sur HEX #7A0024


Code CSS:

background-image: linear-gradient(135deg, #007A56 0%, #7A0024 91%);

 

HEX #007A56 sur HEX #7A0024


Code CSS:

background-image: radial-gradient(circle, #007A56 2%, #7A0024 91%);

 

HEX #7A0024 sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #7A0024 10%, #007A56 99%);

 

HEX #7A0024 sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #7A0024 5%, #007A56 88%);

 

HEX #007A56 sur HEX #617A00


Code CSS:

background-image: linear-gradient(135deg, #007A56 5%, #617A00 96%);

 

HEX #007A56 sur HEX #617A00


Code CSS:

background-image: radial-gradient(circle, #007A56 1%, #617A00 92%);

 

HEX #617A00 sur HEX #007A56


Code CSS:

background-image: linear-gradient(135deg, #617A00 1%, #007A56 100%);

 

HEX #617A00 sur HEX #007A56


Code CSS:

background-image: radial-gradient(circle, #617A00 8%, #007A56 97%);

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)

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the link you want.

Share

OK, I have copied the links

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

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

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