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

✕

CSS Gradients:
RGB 53 128 119

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 53 Rouge, 128 Vert et 119 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 59 cyan, pas de magenta, 7 jaune et 50 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 RGB 53 128 119 - Couleur complémentaire

Linéaire

HEX #358077 sur HEX #CA7F88

Code CSS:

background-image: linear-gradient(135deg, #358077 2%, #CA7F88 86%);

Radial

HEX #358077 sur HEX #CA7F88

Code CSS:

background-image: radial-gradient(circle, #358077 3%, #CA7F88 91%);

HEX #CA7F88 sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #CA7F88 5%, #358077 90%);

HEX #CA7F88 sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #CA7F88 1%, #358077 95%);

Dégradé de 2 couleurs de RGB 53 128 119 - Teintes plus claires

Linéaire

HEX #358077 sur HEX #357E61

Code CSS:

background-image: linear-gradient(135deg, #358077 8%, #357E61 93%);

Radial

HEX #358077 sur HEX #357E61

Code CSS:

background-image: radial-gradient(circle, #358077 5%, #357E61 92%);

HEX #357E61 sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #357E61 9%, #358077 97%);

HEX #357E61 sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #357E61 13%, #358077 87%);

HEX #358077 sur HEX #357E74

Code CSS:

background-image: linear-gradient(135deg, #358077 3%, #357E74 87%);

HEX #358077 sur HEX #357E74

Code CSS:

background-image: radial-gradient(circle, #358077 6%, #357E74 86%);

HEX #357E74 sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #357E74 13%, #358077 93%);

HEX #357E74 sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #357E74 12%, #358077 94%);

HEX #358077 sur HEX #35747E

Code CSS:

background-image: linear-gradient(135deg, #358077 13%, #35747E 92%);

HEX #358077 sur HEX #35747E

Code CSS:

background-image: radial-gradient(circle, #358077 2%, #35747E 93%);

HEX #35747E sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #35747E 1%, #358077 88%);

HEX #35747E sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #35747E 13%, #358077 99%);

HEX #358077 sur HEX #35617E

Code CSS:

background-image: linear-gradient(135deg, #358077 8%, #35617E 87%);

HEX #358077 sur HEX #35617E

Code CSS:

background-image: radial-gradient(circle, #358077 9%, #35617E 99%);

HEX #35617E sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #35617E 11%, #358077 99%);

HEX #35617E sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #35617E 4%, #358077 90%);

Dégradé de 2 couleurs de RGB 53 128 119 - Teintes plus foncées

Linéaire

HEX #358077 sur HEX #28615A

Code CSS:

background-image: linear-gradient(135deg, #358077 10%, #28615A 90%);

Radial

HEX #358077 sur HEX #28615A

Code CSS:

background-image: radial-gradient(circle, #358077 2%, #28615A 98%);

HEX #28615A sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #28615A 7%, #358077 99%);

HEX #28615A sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #28615A 1%, #358077 100%);

HEX #358077 sur HEX #357E75

Code CSS:

background-image: linear-gradient(135deg, #358077 2%, #357E75 88%);

HEX #358077 sur HEX #357E75

Code CSS:

background-image: radial-gradient(circle, #358077 9%, #357E75 99%);

HEX #357E75 sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #357E75 9%, #358077 99%);

HEX #357E75 sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #357E75 11%, #358077 96%);

HEX #358077 sur HEX #419B90

Code CSS:

background-image: linear-gradient(135deg, #358077 10%, #419B90 100%);

HEX #358077 sur HEX #419B90

Code CSS:

background-image: radial-gradient(circle, #358077 7%, #419B90 97%);

HEX #419B90 sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #419B90 3%, #358077 92%);

HEX #419B90 sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #419B90 13%, #358077 95%);

HEX #358077 sur HEX #4FB6A9

Code CSS:

background-image: linear-gradient(135deg, #358077 13%, #4FB6A9 95%);

HEX #358077 sur HEX #4FB6A9

Code CSS:

background-image: radial-gradient(circle, #358077 3%, #4FB6A9 91%);

HEX #4FB6A9 sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #4FB6A9 1%, #358077 87%);

HEX #4FB6A9 sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #4FB6A9 14%, #358077 89%);

Dégradé de 2 couleurs de RGB 53 128 119 - Couleurs analogiques

Linéaire

HEX #358077 sur HEX #357E61

Code CSS:

background-image: linear-gradient(135deg, #358077 1%, #357E61 93%);

Radial

HEX #358077 sur HEX #357E61

Code CSS:

background-image: radial-gradient(circle, #358077 11%, #357E61 97%);

HEX #357E61 sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #357E61 9%, #358077 89%);

HEX #357E61 sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #357E61 13%, #358077 89%);

HEX #358077 sur HEX #357E74

Code CSS:

background-image: linear-gradient(135deg, #358077 2%, #357E74 88%);

HEX #358077 sur HEX #357E74

Code CSS:

background-image: radial-gradient(circle, #358077 13%, #357E74 95%);

HEX #357E74 sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #357E74 8%, #358077 91%);

HEX #357E74 sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #357E74 7%, #358077 93%);

HEX #358077 sur HEX #35747E

Code CSS:

background-image: linear-gradient(135deg, #358077 4%, #35747E 93%);

HEX #358077 sur HEX #35747E

Code CSS:

background-image: radial-gradient(circle, #358077 14%, #35747E 90%);

HEX #35747E sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #35747E 2%, #358077 92%);

HEX #35747E sur HEX #358077

Code CSS:

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

HEX #358077 sur HEX #35617E

Code CSS:

background-image: linear-gradient(135deg, #358077 14%, #35617E 87%);

HEX #358077 sur HEX #35617E

Code CSS:

background-image: radial-gradient(circle, #358077 10%, #35617E 86%);

HEX #35617E sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #35617E 7%, #358077 96%);

HEX #35617E sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #35617E 14%, #358077 89%);

Dégradé de 2 couleurs de RGB 53 128 119 - Couleurs monochromatiques

Linéaire

HEX #358077 sur HEX #28615A

Code CSS:

background-image: linear-gradient(135deg, #358077 3%, #28615A 92%);

Radial

HEX #358077 sur HEX #28615A

Code CSS:

background-image: radial-gradient(circle, #358077 11%, #28615A 97%);

HEX #28615A sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #28615A 6%, #358077 96%);

HEX #28615A sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #28615A 1%, #358077 87%);

HEX #358077 sur HEX #357E75

Code CSS:

background-image: linear-gradient(135deg, #358077 12%, #357E75 100%);

HEX #358077 sur HEX #357E75

Code CSS:

background-image: radial-gradient(circle, #358077 4%, #357E75 99%);

HEX #357E75 sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #357E75 14%, #358077 91%);

HEX #357E75 sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #357E75 14%, #358077 99%);

HEX #358077 sur HEX #419B90

Code CSS:

background-image: linear-gradient(135deg, #358077 5%, #419B90 97%);

HEX #358077 sur HEX #419B90

Code CSS:

background-image: radial-gradient(circle, #358077 7%, #419B90 96%);

HEX #419B90 sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #419B90 2%, #358077 89%);

HEX #419B90 sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #419B90 10%, #358077 99%);

HEX #358077 sur HEX #4FB6A9

Code CSS:

background-image: linear-gradient(135deg, #358077 11%, #4FB6A9 86%);

HEX #358077 sur HEX #4FB6A9

Code CSS:

background-image: radial-gradient(circle, #358077 6%, #4FB6A9 92%);

HEX #4FB6A9 sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #4FB6A9 4%, #358077 87%);

HEX #4FB6A9 sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #4FB6A9 8%, #358077 97%);

Dégradé de 2 couleurs de RGB 53 128 119 - Sous-complémentaire Couleurs

Linéaire

HEX #358077 sur HEX #3A357E

Code CSS:

background-image: linear-gradient(135deg, #358077 11%, #3A357E 96%);

Radial

HEX #358077 sur HEX #3A357E

Code CSS:

background-image: radial-gradient(circle, #358077 9%, #3A357E 95%);

HEX #3A357E sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #3A357E 13%, #358077 93%);

HEX #3A357E sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #3A357E 4%, #358077 96%);

HEX #358077 sur HEX #7E5735

Code CSS:

background-image: linear-gradient(135deg, #358077 14%, #7E5735 92%);

HEX #358077 sur HEX #7E5735

Code CSS:

background-image: radial-gradient(circle, #358077 8%, #7E5735 93%);

HEX #7E5735 sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #7E5735 2%, #358077 93%);

HEX #7E5735 sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #7E5735 6%, #358077 92%);

Dégradé de 2 couleurs de RGB 53 128 119 - Couleurs triadiques

Linéaire

HEX #358077 sur HEX #74357E

Code CSS:

background-image: linear-gradient(135deg, #358077 6%, #74357E 98%);

Radial

HEX #358077 sur HEX #74357E

Code CSS:

background-image: radial-gradient(circle, #358077 3%, #74357E 92%);

HEX #74357E sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #74357E 14%, #358077 96%);

HEX #74357E sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #74357E 7%, #358077 87%);

HEX #358077 sur HEX #7E7435

Code CSS:

background-image: linear-gradient(135deg, #358077 5%, #7E7435 90%);

HEX #358077 sur HEX #7E7435

Code CSS:

background-image: radial-gradient(circle, #358077 14%, #7E7435 99%);

HEX #7E7435 sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #7E7435 10%, #358077 95%);

HEX #7E7435 sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #7E7435 4%, #358077 89%);

Dégradé de 2 couleurs de RGB 53 128 119 - Couleurs rectangulaires (tétraédriques)

Linéaire

HEX #358077 sur HEX #3A357E

Code CSS:

background-image: linear-gradient(135deg, #358077 13%, #3A357E 86%);

Radial

HEX #358077 sur HEX #3A357E

Code CSS:

background-image: radial-gradient(circle, #358077 7%, #3A357E 98%);

HEX #3A357E sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #3A357E 4%, #358077 88%);

HEX #3A357E sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #3A357E 13%, #358077 88%);

HEX #358077 sur HEX #7E353E

Code CSS:

background-image: linear-gradient(135deg, #358077 14%, #7E353E 98%);

HEX #358077 sur HEX #7E353E

Code CSS:

background-image: radial-gradient(circle, #358077 0%, #7E353E 99%);

HEX #7E353E sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #7E353E 7%, #358077 97%);

HEX #7E353E sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #7E353E 5%, #358077 87%);

HEX #358077 sur HEX #797E35

Code CSS:

background-image: linear-gradient(135deg, #358077 4%, #797E35 91%);

HEX #358077 sur HEX #797E35

Code CSS:

background-image: radial-gradient(circle, #358077 4%, #797E35 97%);

HEX #797E35 sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #797E35 1%, #358077 93%);

HEX #797E35 sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #797E35 6%, #358077 95%);

Dégradé de 2 couleurs de RGB 53 128 119 - Couleurs carrées

Linéaire

HEX #358077 sur HEX #4F357E

Code CSS:

background-image: linear-gradient(135deg, #358077 10%, #4F357E 92%);

Radial

HEX #358077 sur HEX #4F357E

Code CSS:

background-image: radial-gradient(circle, #358077 3%, #4F357E 93%);

HEX #4F357E sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #4F357E 7%, #358077 94%);

HEX #4F357E sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #4F357E 13%, #358077 86%);

HEX #358077 sur HEX #7E353E

Code CSS:

background-image: linear-gradient(135deg, #358077 13%, #7E353E 100%);

HEX #358077 sur HEX #7E353E

Code CSS:

background-image: radial-gradient(circle, #358077 11%, #7E353E 89%);

HEX #7E353E sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #7E353E 5%, #358077 90%);

HEX #7E353E sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #7E353E 4%, #358077 100%);

HEX #358077 sur HEX #637E35

Code CSS:

background-image: linear-gradient(135deg, #358077 12%, #637E35 87%);

HEX #358077 sur HEX #637E35

Code CSS:

background-image: radial-gradient(circle, #358077 5%, #637E35 90%);

HEX #637E35 sur HEX #358077

Code CSS:

background-image: linear-gradient(135deg, #637E35 14%, #358077 88%);

HEX #637E35 sur HEX #358077

Code CSS:

background-image: radial-gradient(circle, #637E35 6%, #358077 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)

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