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

✕

CSS Gradients:
RGB 150 218 176

Information

ferme tous les

Dégradé de 2 couleurs - Couleur complémentaire

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.

Dégradé de 2 couleurs - Teintes plus claires

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.

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

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 élevées par rapport aux autres, cette teinte nous semble plus claire.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 150 Rouge, 218 Vert et 176 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 31 cyan, pas de magenta, 19 jaune et 15 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 150 218 176 - Couleur complémentaire

Linéaire

HEX #96DAB0 sur HEX #69254F

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 1%, #69254F 87%);

Radial

HEX #96DAB0 sur HEX #69254F

Code CSS:

background-image: radial-gradient(circle, #96DAB0 13%, #69254F 96%);

HEX #69254F sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #69254F 0%, #96DAB0 98%);

HEX #69254F sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #69254F 0%, #96DAB0 93%);

Dégradé de 2 couleurs de RGB 150 218 176 - Teintes plus claires

Linéaire

HEX #96DAB0 sur HEX #95D99C

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 12%, #95D99C 87%);

Radial

HEX #96DAB0 sur HEX #95D99C

Code CSS:

background-image: radial-gradient(circle, #96DAB0 13%, #95D99C 96%);

HEX #95D99C sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #95D99C 3%, #96DAB0 91%);

HEX #95D99C sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #95D99C 11%, #96DAB0 89%);

HEX #96DAB0 sur HEX #95D9AE

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 6%, #95D9AE 97%);

HEX #96DAB0 sur HEX #95D9AE

Code CSS:

background-image: radial-gradient(circle, #96DAB0 11%, #95D9AE 98%);

HEX #95D9AE sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #95D9AE 13%, #96DAB0 93%);

HEX #95D9AE sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #95D9AE 7%, #96DAB0 97%);

HEX #96DAB0 sur HEX #95D9C0

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 9%, #95D9C0 90%);

HEX #96DAB0 sur HEX #95D9C0

Code CSS:

background-image: radial-gradient(circle, #96DAB0 8%, #95D9C0 98%);

HEX #95D9C0 sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #95D9C0 11%, #96DAB0 92%);

HEX #95D9C0 sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #95D9C0 14%, #96DAB0 92%);

HEX #96DAB0 sur HEX #95D9D3

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 14%, #95D9D3 87%);

HEX #96DAB0 sur HEX #95D9D3

Code CSS:

background-image: radial-gradient(circle, #96DAB0 5%, #95D9D3 96%);

HEX #95D9D3 sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #95D9D3 10%, #96DAB0 97%);

HEX #95D9D3 sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #95D9D3 4%, #96DAB0 92%);

Dégradé de 2 couleurs de RGB 150 218 176 - Teintes plus foncées

Linéaire

HEX #96DAB0 sur HEX #76CF98

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 7%, #76CF98 100%);

Radial

HEX #96DAB0 sur HEX #76CF98

Code CSS:

background-image: radial-gradient(circle, #96DAB0 9%, #76CF98 100%);

HEX #76CF98 sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #76CF98 14%, #96DAB0 97%);

HEX #76CF98 sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #76CF98 4%, #96DAB0 86%);

HEX #96DAB0 sur HEX #95D9AF

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 9%, #95D9AF 93%);

HEX #96DAB0 sur HEX #95D9AF

Code CSS:

background-image: radial-gradient(circle, #96DAB0 11%, #95D9AF 87%);

HEX #95D9AF sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #95D9AF 0%, #96DAB0 100%);

HEX #95D9AF sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #95D9AF 6%, #96DAB0 92%);

HEX #96DAB0 sur HEX #B3E4C6

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 14%, #B3E4C6 96%);

HEX #96DAB0 sur HEX #B3E4C6

Code CSS:

background-image: radial-gradient(circle, #96DAB0 7%, #B3E4C6 89%);

HEX #B3E4C6 sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #B3E4C6 2%, #96DAB0 86%);

HEX #B3E4C6 sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #B3E4C6 14%, #96DAB0 100%);

HEX #96DAB0 sur HEX #D2EFDD

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 4%, #D2EFDD 94%);

HEX #96DAB0 sur HEX #D2EFDD

Code CSS:

background-image: radial-gradient(circle, #96DAB0 11%, #D2EFDD 89%);

HEX #D2EFDD sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #D2EFDD 5%, #96DAB0 90%);

HEX #D2EFDD sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #D2EFDD 3%, #96DAB0 93%);

Dégradé de 2 couleurs de RGB 150 218 176 - Couleurs analogiques

Linéaire

HEX #96DAB0 sur HEX #95D99C

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 6%, #95D99C 95%);

Radial

HEX #96DAB0 sur HEX #95D99C

Code CSS:

background-image: radial-gradient(circle, #96DAB0 3%, #95D99C 97%);

HEX #95D99C sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #95D99C 6%, #96DAB0 99%);

HEX #95D99C sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #95D99C 10%, #96DAB0 90%);

HEX #96DAB0 sur HEX #95D9AE

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 7%, #95D9AE 91%);

HEX #96DAB0 sur HEX #95D9AE

Code CSS:

background-image: radial-gradient(circle, #96DAB0 0%, #95D9AE 97%);

HEX #95D9AE sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #95D9AE 6%, #96DAB0 92%);

HEX #95D9AE sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #95D9AE 0%, #96DAB0 99%);

HEX #96DAB0 sur HEX #95D9C0

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 2%, #95D9C0 97%);

HEX #96DAB0 sur HEX #95D9C0

Code CSS:

background-image: radial-gradient(circle, #96DAB0 12%, #95D9C0 90%);

HEX #95D9C0 sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #95D9C0 5%, #96DAB0 97%);

HEX #95D9C0 sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #95D9C0 1%, #96DAB0 99%);

HEX #96DAB0 sur HEX #95D9D3

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 3%, #95D9D3 86%);

HEX #96DAB0 sur HEX #95D9D3

Code CSS:

background-image: radial-gradient(circle, #96DAB0 4%, #95D9D3 98%);

HEX #95D9D3 sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #95D9D3 0%, #96DAB0 100%);

HEX #95D9D3 sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #95D9D3 7%, #96DAB0 87%);

Dégradé de 2 couleurs de RGB 150 218 176 - Couleurs monochromatiques

Linéaire

HEX #96DAB0 sur HEX #76CF98

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 12%, #76CF98 92%);

Radial

HEX #96DAB0 sur HEX #76CF98

Code CSS:

background-image: radial-gradient(circle, #96DAB0 8%, #76CF98 98%);

HEX #76CF98 sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #76CF98 0%, #96DAB0 92%);

HEX #76CF98 sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #76CF98 6%, #96DAB0 90%);

HEX #96DAB0 sur HEX #95D9AF

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 2%, #95D9AF 93%);

HEX #96DAB0 sur HEX #95D9AF

Code CSS:

background-image: radial-gradient(circle, #96DAB0 12%, #95D9AF 97%);

HEX #95D9AF sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #95D9AF 13%, #96DAB0 92%);

HEX #95D9AF sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #95D9AF 13%, #96DAB0 92%);

HEX #96DAB0 sur HEX #B3E4C6

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 11%, #B3E4C6 90%);

HEX #96DAB0 sur HEX #B3E4C6

Code CSS:

background-image: radial-gradient(circle, #96DAB0 10%, #B3E4C6 92%);

HEX #B3E4C6 sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #B3E4C6 1%, #96DAB0 97%);

HEX #B3E4C6 sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #B3E4C6 6%, #96DAB0 96%);

HEX #96DAB0 sur HEX #D2EFDD

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 5%, #D2EFDD 94%);

HEX #96DAB0 sur HEX #D2EFDD

Code CSS:

background-image: radial-gradient(circle, #96DAB0 8%, #D2EFDD 87%);

HEX #D2EFDD sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #D2EFDD 1%, #96DAB0 98%);

HEX #D2EFDD sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #D2EFDD 8%, #96DAB0 98%);

Dégradé de 2 couleurs de RGB 150 218 176 - Sous-complémentaire Couleurs

Linéaire

HEX #96DAB0 sur HEX #95B3D9

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 12%, #95B3D9 100%);

Radial

HEX #96DAB0 sur HEX #95B3D9

Code CSS:

background-image: radial-gradient(circle, #96DAB0 14%, #95B3D9 91%);

HEX #95B3D9 sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #95B3D9 1%, #96DAB0 86%);

HEX #95B3D9 sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #95B3D9 7%, #96DAB0 89%);

HEX #96DAB0 sur HEX #D99597

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 11%, #D99597 98%);

HEX #96DAB0 sur HEX #D99597

Code CSS:

background-image: radial-gradient(circle, #96DAB0 3%, #D99597 86%);

HEX #D99597 sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #D99597 7%, #96DAB0 95%);

HEX #D99597 sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #D99597 11%, #96DAB0 91%);

Dégradé de 2 couleurs de RGB 150 218 176 - Couleurs triadiques

Linéaire

HEX #96DAB0 sur HEX #AE95D9

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 13%, #AE95D9 96%);

Radial

HEX #96DAB0 sur HEX #AE95D9

Code CSS:

background-image: radial-gradient(circle, #96DAB0 12%, #AE95D9 87%);

HEX #AE95D9 sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #AE95D9 6%, #96DAB0 91%);

HEX #AE95D9 sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #AE95D9 11%, #96DAB0 100%);

HEX #96DAB0 sur HEX #D9AE95

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 14%, #D9AE95 90%);

HEX #96DAB0 sur HEX #D9AE95

Code CSS:

background-image: radial-gradient(circle, #96DAB0 4%, #D9AE95 92%);

HEX #D9AE95 sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #D9AE95 14%, #96DAB0 97%);

HEX #D9AE95 sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #D9AE95 1%, #96DAB0 95%);

Dégradé de 2 couleurs de RGB 150 218 176 - Couleurs rectangulaires (tétraédriques)

Linéaire

HEX #96DAB0 sur HEX #95B3D9

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 8%, #95B3D9 90%);

Radial

HEX #96DAB0 sur HEX #95B3D9

Code CSS:

background-image: radial-gradient(circle, #96DAB0 3%, #95B3D9 98%);

HEX #95B3D9 sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #95B3D9 7%, #96DAB0 99%);

HEX #95B3D9 sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #95B3D9 3%, #96DAB0 100%);

HEX #96DAB0 sur HEX #D995C0

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 11%, #D995C0 90%);

HEX #96DAB0 sur HEX #D995C0

Code CSS:

background-image: radial-gradient(circle, #96DAB0 4%, #D995C0 88%);

HEX #D995C0 sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #D995C0 1%, #96DAB0 88%);

HEX #D995C0 sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #D995C0 11%, #96DAB0 92%);

HEX #96DAB0 sur HEX #D9BC95

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 7%, #D9BC95 91%);

HEX #96DAB0 sur HEX #D9BC95

Code CSS:

background-image: radial-gradient(circle, #96DAB0 6%, #D9BC95 95%);

HEX #D9BC95 sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #D9BC95 11%, #96DAB0 98%);

HEX #D9BC95 sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #D9BC95 2%, #96DAB0 98%);

Dégradé de 2 couleurs de RGB 150 218 176 - Couleurs carrées

Linéaire

HEX #96DAB0 sur HEX #959ED9

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 0%, #959ED9 96%);

Radial

HEX #96DAB0 sur HEX #959ED9

Code CSS:

background-image: radial-gradient(circle, #96DAB0 1%, #959ED9 93%);

HEX #959ED9 sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #959ED9 1%, #96DAB0 92%);

HEX #959ED9 sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #959ED9 13%, #96DAB0 93%);

HEX #96DAB0 sur HEX #D995C0

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 9%, #D995C0 90%);

HEX #96DAB0 sur HEX #D995C0

Code CSS:

background-image: radial-gradient(circle, #96DAB0 5%, #D995C0 93%);

HEX #D995C0 sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #D995C0 12%, #96DAB0 98%);

HEX #D995C0 sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #D995C0 2%, #96DAB0 95%);

HEX #96DAB0 sur HEX #D9D095

Code CSS:

background-image: linear-gradient(135deg, #96DAB0 1%, #D9D095 94%);

HEX #96DAB0 sur HEX #D9D095

Code CSS:

background-image: radial-gradient(circle, #96DAB0 7%, #D9D095 97%);

HEX #D9D095 sur HEX #96DAB0

Code CSS:

background-image: linear-gradient(135deg, #D9D095 0%, #96DAB0 94%);

HEX #D9D095 sur HEX #96DAB0

Code CSS:

background-image: radial-gradient(circle, #D9D095 9%, #96DAB0 96%);

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)

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 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 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 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 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 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 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 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)

NCS® en Sherwin Williams®

convertir de Numéro NCS (S0000-X00X) sur Sherwin Williams® numéro (SW 0000)

Codes

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.

Public

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

Share

View

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

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

The quick Converter and color manager.
The powerful color database for designers and agencies.

Solutions

Create CSS gradient

Create color palettes

Image to color palettes

Color of the week

Manufacturer colors

Project

About qConv.com

Designer

Tutorials & FAQ's

Manufacturer colors

Become a member

Legal