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

✕

CSS Gradients:
CMYK 0 / 89 / 86 / 30

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

Pour cette couleur, le rouge se distingue des autres couleurs. La valeur qui représente la teinte rouge est plus grande que les deux autres valeurs. Elle se démarque largement de la valeur correspondant à la teinte verte et à la teinte bleue. 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 179 Rouge, 20 Vert et 25 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 pas de cyan, 89 magenta, 86 jaune et 30 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 CMYK 0 / 89 / 86 / 30 - Couleur complémentaire

Linéaire

HEX #B31419 sur HEX #4CEBE6

Code CSS:

background-image: linear-gradient(135deg, #B31419 7%, #4CEBE6 99%);

Radial

HEX #B31419 sur HEX #4CEBE6

Code CSS:

background-image: radial-gradient(circle, #B31419 4%, #4CEBE6 94%);

HEX #4CEBE6 sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #4CEBE6 7%, #B31419 99%);

HEX #4CEBE6 sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #4CEBE6 14%, #B31419 97%);

Dégradé de 2 couleurs de CMYK 0 / 89 / 86 / 30 - Teintes plus claires

Linéaire

HEX #B31419 sur HEX #B31343

Code CSS:

background-image: linear-gradient(135deg, #B31419 3%, #B31343 92%);

Radial

HEX #B31419 sur HEX #B31343

Code CSS:

background-image: radial-gradient(circle, #B31419 9%, #B31343 98%);

HEX #B31343 sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #B31343 5%, #B31419 89%);

HEX #B31343 sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #B31343 8%, #B31419 92%);

HEX #B31419 sur HEX #B31319

Code CSS:

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

HEX #B31419 sur HEX #B31319

Code CSS:

background-image: radial-gradient(circle, #B31419 9%, #B31319 98%);

HEX #B31319 sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #B31319 8%, #B31419 87%);

HEX #B31319 sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #B31319 11%, #B31419 89%);

HEX #B31419 sur HEX #B33913

Code CSS:

background-image: linear-gradient(135deg, #B31419 2%, #B33913 89%);

HEX #B31419 sur HEX #B33913

Code CSS:

background-image: radial-gradient(circle, #B31419 3%, #B33913 98%);

HEX #B33913 sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #B33913 12%, #B31419 91%);

HEX #B33913 sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #B33913 5%, #B31419 95%);

HEX #B31419 sur HEX #B36313

Code CSS:

background-image: linear-gradient(135deg, #B31419 4%, #B36313 91%);

HEX #B31419 sur HEX #B36313

Code CSS:

background-image: radial-gradient(circle, #B31419 10%, #B36313 96%);

HEX #B36313 sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #B36313 13%, #B31419 94%);

HEX #B36313 sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #B36313 2%, #B31419 89%);

Dégradé de 2 couleurs de CMYK 0 / 89 / 86 / 30 - Teintes plus foncées

Linéaire

HEX #B31419 sur HEX #8D0F13

Code CSS:

background-image: linear-gradient(135deg, #B31419 10%, #8D0F13 90%);

Radial

HEX #B31419 sur HEX #8D0F13

Code CSS:

background-image: radial-gradient(circle, #B31419 1%, #8D0F13 96%);

HEX #8D0F13 sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #8D0F13 10%, #B31419 87%);

HEX #8D0F13 sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #8D0F13 12%, #B31419 91%);

HEX #B31419 sur HEX #B31318

Code CSS:

background-image: linear-gradient(135deg, #B31419 4%, #B31318 88%);

HEX #B31419 sur HEX #B31318

Code CSS:

background-image: radial-gradient(circle, #B31419 8%, #B31318 92%);

HEX #B31318 sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #B31318 9%, #B31419 100%);

HEX #B31318 sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #B31318 10%, #B31419 95%);

HEX #B31419 sur HEX #D8181E

Code CSS:

background-image: linear-gradient(135deg, #B31419 9%, #D8181E 94%);

HEX #B31419 sur HEX #D8181E

Code CSS:

background-image: radial-gradient(circle, #B31419 14%, #D8181E 100%);

HEX #D8181E sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #D8181E 4%, #B31419 88%);

HEX #D8181E sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #D8181E 5%, #B31419 91%);

HEX #B31419 sur HEX #E83137

Code CSS:

background-image: linear-gradient(135deg, #B31419 10%, #E83137 91%);

HEX #B31419 sur HEX #E83137

Code CSS:

background-image: radial-gradient(circle, #B31419 11%, #E83137 86%);

HEX #E83137 sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #E83137 14%, #B31419 99%);

HEX #E83137 sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #E83137 8%, #B31419 95%);

Dégradé de 2 couleurs de CMYK 0 / 89 / 86 / 30 - Couleurs analogiques

Linéaire

HEX #B31419 sur HEX #B31343

Code CSS:

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

Radial

HEX #B31419 sur HEX #B31343

Code CSS:

background-image: radial-gradient(circle, #B31419 3%, #B31343 88%);

HEX #B31343 sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #B31343 3%, #B31419 100%);

HEX #B31343 sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #B31343 1%, #B31419 97%);

HEX #B31419 sur HEX #B31319

Code CSS:

background-image: linear-gradient(135deg, #B31419 4%, #B31319 86%);

HEX #B31419 sur HEX #B31319

Code CSS:

background-image: radial-gradient(circle, #B31419 0%, #B31319 100%);

HEX #B31319 sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #B31319 9%, #B31419 94%);

HEX #B31319 sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #B31319 8%, #B31419 90%);

HEX #B31419 sur HEX #B33913

Code CSS:

background-image: linear-gradient(135deg, #B31419 0%, #B33913 86%);

HEX #B31419 sur HEX #B33913

Code CSS:

background-image: radial-gradient(circle, #B31419 8%, #B33913 96%);

HEX #B33913 sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #B33913 0%, #B31419 86%);

HEX #B33913 sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #B33913 1%, #B31419 92%);

HEX #B31419 sur HEX #B36313

Code CSS:

background-image: linear-gradient(135deg, #B31419 8%, #B36313 100%);

HEX #B31419 sur HEX #B36313

Code CSS:

background-image: radial-gradient(circle, #B31419 13%, #B36313 99%);

HEX #B36313 sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #B36313 4%, #B31419 99%);

HEX #B36313 sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #B36313 8%, #B31419 96%);

Dégradé de 2 couleurs de CMYK 0 / 89 / 86 / 30 - Couleurs monochromatiques

Linéaire

HEX #B31419 sur HEX #8D0F13

Code CSS:

background-image: linear-gradient(135deg, #B31419 8%, #8D0F13 100%);

Radial

HEX #B31419 sur HEX #8D0F13

Code CSS:

background-image: radial-gradient(circle, #B31419 0%, #8D0F13 98%);

HEX #8D0F13 sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #8D0F13 13%, #B31419 88%);

HEX #8D0F13 sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #8D0F13 11%, #B31419 95%);

HEX #B31419 sur HEX #B31318

Code CSS:

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

HEX #B31419 sur HEX #B31318

Code CSS:

background-image: radial-gradient(circle, #B31419 5%, #B31318 97%);

HEX #B31318 sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #B31318 2%, #B31419 90%);

HEX #B31318 sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #B31318 11%, #B31419 100%);

HEX #B31419 sur HEX #D8181E

Code CSS:

background-image: linear-gradient(135deg, #B31419 14%, #D8181E 93%);

HEX #B31419 sur HEX #D8181E

Code CSS:

background-image: radial-gradient(circle, #B31419 1%, #D8181E 96%);

HEX #D8181E sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #D8181E 11%, #B31419 88%);

HEX #D8181E sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #D8181E 12%, #B31419 98%);

HEX #B31419 sur HEX #E83137

Code CSS:

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

HEX #B31419 sur HEX #E83137

Code CSS:

background-image: radial-gradient(circle, #B31419 0%, #E83137 94%);

HEX #E83137 sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #E83137 7%, #B31419 98%);

HEX #E83137 sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #E83137 3%, #B31419 90%);

Dégradé de 2 couleurs de CMYK 0 / 89 / 86 / 30 - Sous-complémentaire Couleurs

Linéaire

HEX #B31419 sur HEX #98B313

Code CSS:

background-image: linear-gradient(135deg, #B31419 4%, #98B313 94%);

Radial

HEX #B31419 sur HEX #98B313

Code CSS:

background-image: radial-gradient(circle, #B31419 10%, #98B313 88%);

HEX #98B313 sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #98B313 0%, #B31419 88%);

HEX #98B313 sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #98B313 10%, #B31419 86%);

HEX #B31419 sur HEX #1358B3

Code CSS:

background-image: linear-gradient(135deg, #B31419 11%, #1358B3 98%);

HEX #B31419 sur HEX #1358B3

Code CSS:

background-image: radial-gradient(circle, #B31419 14%, #1358B3 86%);

HEX #1358B3 sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #1358B3 7%, #B31419 94%);

HEX #1358B3 sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #1358B3 8%, #B31419 87%);

Dégradé de 2 couleurs de CMYK 0 / 89 / 86 / 30 - Couleurs triadiques

Linéaire

HEX #B31419 sur HEX #19B313

Code CSS:

background-image: linear-gradient(135deg, #B31419 2%, #19B313 87%);

Radial

HEX #B31419 sur HEX #19B313

Code CSS:

background-image: radial-gradient(circle, #B31419 0%, #19B313 88%);

HEX #19B313 sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #19B313 3%, #B31419 86%);

HEX #19B313 sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #19B313 5%, #B31419 88%);

HEX #B31419 sur HEX #1319B3

Code CSS:

background-image: linear-gradient(135deg, #B31419 3%, #1319B3 99%);

HEX #B31419 sur HEX #1319B3

Code CSS:

background-image: radial-gradient(circle, #B31419 0%, #1319B3 94%);

HEX #1319B3 sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #1319B3 10%, #B31419 96%);

HEX #1319B3 sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #1319B3 8%, #B31419 95%);

Dégradé de 2 couleurs de CMYK 0 / 89 / 86 / 30 - Couleurs rectangulaires (tétraédriques)

Linéaire

HEX #B31419 sur HEX #98B313

Code CSS:

background-image: linear-gradient(135deg, #B31419 9%, #98B313 93%);

Radial

HEX #B31419 sur HEX #98B313

Code CSS:

background-image: radial-gradient(circle, #B31419 12%, #98B313 88%);

HEX #98B313 sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #98B313 7%, #B31419 100%);

HEX #98B313 sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #98B313 7%, #B31419 91%);

HEX #B31419 sur HEX #13B3AD

Code CSS:

background-image: linear-gradient(135deg, #B31419 8%, #13B3AD 88%);

HEX #B31419 sur HEX #13B3AD

Code CSS:

background-image: radial-gradient(circle, #B31419 7%, #13B3AD 88%);

HEX #13B3AD sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #13B3AD 9%, #B31419 98%);

HEX #13B3AD sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #13B3AD 12%, #B31419 88%);

HEX #B31419 sur HEX #2E13B3

Code CSS:

background-image: linear-gradient(135deg, #B31419 5%, #2E13B3 88%);

HEX #B31419 sur HEX #2E13B3

Code CSS:

background-image: radial-gradient(circle, #B31419 7%, #2E13B3 95%);

HEX #2E13B3 sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #2E13B3 6%, #B31419 86%);

HEX #2E13B3 sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #2E13B3 13%, #B31419 89%);

Dégradé de 2 couleurs de CMYK 0 / 89 / 86 / 30 - Couleurs carrées

Linéaire

HEX #B31419 sur HEX #68B313

Code CSS:

background-image: linear-gradient(135deg, #B31419 1%, #68B313 90%);

Radial

HEX #B31419 sur HEX #68B313

Code CSS:

background-image: radial-gradient(circle, #B31419 11%, #68B313 95%);

HEX #68B313 sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #68B313 7%, #B31419 97%);

HEX #68B313 sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #68B313 4%, #B31419 97%);

HEX #B31419 sur HEX #13B3AD

Code CSS:

background-image: linear-gradient(135deg, #B31419 9%, #13B3AD 91%);

HEX #B31419 sur HEX #13B3AD

Code CSS:

background-image: radial-gradient(circle, #B31419 5%, #13B3AD 98%);

HEX #13B3AD sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #13B3AD 12%, #B31419 97%);

HEX #13B3AD sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #13B3AD 11%, #B31419 94%);

HEX #B31419 sur HEX #5E13B3

Code CSS:

background-image: linear-gradient(135deg, #B31419 13%, #5E13B3 89%);

HEX #B31419 sur HEX #5E13B3

Code CSS:

background-image: radial-gradient(circle, #B31419 8%, #5E13B3 89%);

HEX #5E13B3 sur HEX #B31419

Code CSS:

background-image: linear-gradient(135deg, #5E13B3 4%, #B31419 95%);

HEX #5E13B3 sur HEX #B31419

Code CSS:

background-image: radial-gradient(circle, #5E13B3 9%, #B31419 94%);

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