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

✕

CSS Gradients:
#AFDCDD

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 175 Rouge, 220 Vert et 221 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 21 cyan, pas de magenta, pas de jaune et 13 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 #AFDCDD - Couleur complémentaire

Linéaire

HEX #AFDCDD sur HEX #502322

Code CSS:

background-image: linear-gradient(135deg, #AFDCDD 2%, #502322 97%);

Radial

HEX #AFDCDD sur HEX #502322

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 14%, #502322 87%);

HEX #502322 sur HEX #AFDCDD

Code CSS:

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

HEX #502322 sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #502322 2%, #AFDCDD 96%);

Dégradé de 2 couleurs de #AFDCDD - Teintes plus claires

Linéaire

HEX #AFDCDD sur HEX #B0DDD2

Code CSS:

background-image: linear-gradient(135deg, #AFDCDD 5%, #B0DDD2 97%);

Radial

HEX #AFDCDD sur HEX #B0DDD2

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 12%, #B0DDD2 98%);

HEX #B0DDD2 sur HEX #AFDCDD

Code CSS:

background-image: linear-gradient(135deg, #B0DDD2 0%, #AFDCDD 98%);

HEX #B0DDD2 sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #B0DDD2 12%, #AFDCDD 90%);

HEX #AFDCDD sur HEX #B0DCDD

Code CSS:

background-image: linear-gradient(135deg, #AFDCDD 13%, #B0DCDD 87%);

HEX #AFDCDD sur HEX #B0DCDD

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 5%, #B0DCDD 88%);

HEX #B0DCDD sur HEX #AFDCDD

Code CSS:

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

HEX #B0DCDD sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #B0DCDD 5%, #AFDCDD 86%);

HEX #AFDCDD sur HEX #B0D0DD

Code CSS:

background-image: linear-gradient(135deg, #AFDCDD 14%, #B0D0DD 88%);

HEX #AFDCDD sur HEX #B0D0DD

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 14%, #B0D0DD 98%);

HEX #B0D0DD sur HEX #AFDCDD

Code CSS:

background-image: linear-gradient(135deg, #B0D0DD 7%, #AFDCDD 92%);

HEX #B0D0DD sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #B0D0DD 9%, #AFDCDD 89%);

HEX #AFDCDD sur HEX #B0C4DD

Code CSS:

background-image: linear-gradient(135deg, #AFDCDD 8%, #B0C4DD 97%);

HEX #AFDCDD sur HEX #B0C4DD

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 6%, #B0C4DD 98%);

HEX #B0C4DD sur HEX #AFDCDD

Code CSS:

background-image: linear-gradient(135deg, #B0C4DD 2%, #AFDCDD 88%);

HEX #B0C4DD sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #B0C4DD 0%, #AFDCDD 94%);

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

Linéaire

HEX #AFDCDD sur HEX #93CFD0

Code CSS:

background-image: linear-gradient(135deg, #AFDCDD 1%, #93CFD0 99%);

Radial

HEX #AFDCDD sur HEX #93CFD0

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 13%, #93CFD0 98%);

HEX #93CFD0 sur HEX #AFDCDD

Code CSS:

background-image: linear-gradient(135deg, #93CFD0 9%, #AFDCDD 96%);

HEX #93CFD0 sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #93CFD0 0%, #AFDCDD 98%);

HEX #AFDCDD sur HEX #B0DCDD

Code CSS:

background-image: linear-gradient(135deg, #AFDCDD 1%, #B0DCDD 88%);

HEX #AFDCDD sur HEX #B0DCDD

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 3%, #B0DCDD 92%);

HEX #B0DCDD sur HEX #AFDCDD

Code CSS:

background-image: linear-gradient(135deg, #B0DCDD 5%, #AFDCDD 96%);

HEX #B0DCDD sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #B0DCDD 1%, #AFDCDD 100%);

HEX #AFDCDD sur HEX #CDE9E9

Code CSS:

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

HEX #AFDCDD sur HEX #CDE9E9

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 10%, #CDE9E9 89%);

HEX #CDE9E9 sur HEX #AFDCDD

Code CSS:

background-image: linear-gradient(135deg, #CDE9E9 8%, #AFDCDD 95%);

HEX #CDE9E9 sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #CDE9E9 10%, #AFDCDD 93%);

HEX #AFDCDD sur HEX #EAF5F6

Code CSS:

background-image: linear-gradient(135deg, #AFDCDD 0%, #EAF5F6 99%);

HEX #AFDCDD sur HEX #EAF5F6

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 1%, #EAF5F6 100%);

HEX #EAF5F6 sur HEX #AFDCDD

Code CSS:

background-image: linear-gradient(135deg, #EAF5F6 7%, #AFDCDD 87%);

HEX #EAF5F6 sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #EAF5F6 14%, #AFDCDD 93%);

Dégradé de 2 couleurs de #AFDCDD - Couleurs analogiques

Linéaire

HEX #AFDCDD sur HEX #B0DDD2

Code CSS:

background-image: linear-gradient(135deg, #AFDCDD 1%, #B0DDD2 91%);

Radial

HEX #AFDCDD sur HEX #B0DDD2

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 6%, #B0DDD2 99%);

HEX #B0DDD2 sur HEX #AFDCDD

Code CSS:

background-image: linear-gradient(135deg, #B0DDD2 10%, #AFDCDD 98%);

HEX #B0DDD2 sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #B0DDD2 12%, #AFDCDD 87%);

HEX #AFDCDD sur HEX #B0DCDD

Code CSS:

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

HEX #AFDCDD sur HEX #B0DCDD

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 4%, #B0DCDD 88%);

HEX #B0DCDD sur HEX #AFDCDD

Code CSS:

background-image: linear-gradient(135deg, #B0DCDD 0%, #AFDCDD 92%);

HEX #B0DCDD sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #B0DCDD 8%, #AFDCDD 89%);

HEX #AFDCDD sur HEX #B0D0DD

Code CSS:

background-image: linear-gradient(135deg, #AFDCDD 14%, #B0D0DD 90%);

HEX #AFDCDD sur HEX #B0D0DD

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 4%, #B0D0DD 89%);

HEX #B0D0DD sur HEX #AFDCDD

Code CSS:

background-image: linear-gradient(135deg, #B0D0DD 10%, #AFDCDD 97%);

HEX #B0D0DD sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #B0D0DD 7%, #AFDCDD 98%);

HEX #AFDCDD sur HEX #B0C4DD

Code CSS:

background-image: linear-gradient(135deg, #AFDCDD 6%, #B0C4DD 86%);

HEX #AFDCDD sur HEX #B0C4DD

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 10%, #B0C4DD 92%);

HEX #B0C4DD sur HEX #AFDCDD

Code CSS:

background-image: linear-gradient(135deg, #B0C4DD 9%, #AFDCDD 89%);

HEX #B0C4DD sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #B0C4DD 7%, #AFDCDD 94%);

Dégradé de 2 couleurs de #AFDCDD - Couleurs monochromatiques

Linéaire

HEX #AFDCDD sur HEX #93CFD0

Code CSS:

background-image: linear-gradient(135deg, #AFDCDD 3%, #93CFD0 97%);

Radial

HEX #AFDCDD sur HEX #93CFD0

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 2%, #93CFD0 94%);

HEX #93CFD0 sur HEX #AFDCDD

Code CSS:

background-image: linear-gradient(135deg, #93CFD0 14%, #AFDCDD 96%);

HEX #93CFD0 sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #93CFD0 5%, #AFDCDD 100%);

HEX #AFDCDD sur HEX #B0DCDD

Code CSS:

background-image: linear-gradient(135deg, #AFDCDD 10%, #B0DCDD 97%);

HEX #AFDCDD sur HEX #B0DCDD

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 0%, #B0DCDD 100%);

HEX #B0DCDD sur HEX #AFDCDD

Code CSS:

background-image: linear-gradient(135deg, #B0DCDD 14%, #AFDCDD 100%);

HEX #B0DCDD sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #B0DCDD 8%, #AFDCDD 91%);

HEX #AFDCDD sur HEX #CDE9E9

Code CSS:

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

HEX #AFDCDD sur HEX #CDE9E9

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 4%, #CDE9E9 96%);

HEX #CDE9E9 sur HEX #AFDCDD

Code CSS:

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

HEX #CDE9E9 sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #CDE9E9 4%, #AFDCDD 86%);

HEX #AFDCDD sur HEX #EAF5F6

Code CSS:

background-image: linear-gradient(135deg, #AFDCDD 1%, #EAF5F6 90%);

HEX #AFDCDD sur HEX #EAF5F6

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 6%, #EAF5F6 98%);

HEX #EAF5F6 sur HEX #AFDCDD

Code CSS:

background-image: linear-gradient(135deg, #EAF5F6 1%, #AFDCDD 96%);

HEX #EAF5F6 sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #EAF5F6 6%, #AFDCDD 94%);

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

Linéaire

HEX #AFDCDD sur HEX #BAB0DD

Code CSS:

background-image: linear-gradient(135deg, #AFDCDD 13%, #BAB0DD 97%);

Radial

HEX #AFDCDD sur HEX #BAB0DD

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 13%, #BAB0DD 98%);

HEX #BAB0DD sur HEX #AFDCDD

Code CSS:

background-image: linear-gradient(135deg, #BAB0DD 12%, #AFDCDD 96%);

HEX #BAB0DD sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #BAB0DD 4%, #AFDCDD 92%);

HEX #AFDCDD sur HEX #DDCCB0

Code CSS:

background-image: linear-gradient(135deg, #AFDCDD 8%, #DDCCB0 96%);

HEX #AFDCDD sur HEX #DDCCB0

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 5%, #DDCCB0 94%);

HEX #DDCCB0 sur HEX #AFDCDD

Code CSS:

background-image: linear-gradient(135deg, #DDCCB0 0%, #AFDCDD 93%);

HEX #DDCCB0 sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #DDCCB0 0%, #AFDCDD 89%);

Dégradé de 2 couleurs de #AFDCDD - Couleurs triadiques

Linéaire

HEX #AFDCDD sur HEX #DDB0DC

Code CSS:

background-image: linear-gradient(135deg, #AFDCDD 2%, #DDB0DC 88%);

Radial

HEX #AFDCDD sur HEX #DDB0DC

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 5%, #DDB0DC 99%);

HEX #DDB0DC sur HEX #AFDCDD

Code CSS:

background-image: linear-gradient(135deg, #DDB0DC 14%, #AFDCDD 98%);

HEX #DDB0DC sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #DDB0DC 8%, #AFDCDD 96%);

HEX #AFDCDD sur HEX #DCDDB0

Code CSS:

background-image: linear-gradient(135deg, #AFDCDD 14%, #DCDDB0 97%);

HEX #AFDCDD sur HEX #DCDDB0

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 12%, #DCDDB0 97%);

HEX #DCDDB0 sur HEX #AFDCDD

Code CSS:

background-image: linear-gradient(135deg, #DCDDB0 9%, #AFDCDD 97%);

HEX #DCDDB0 sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #DCDDB0 10%, #AFDCDD 89%);

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

Linéaire

HEX #AFDCDD sur HEX #BAB0DD

Code CSS:

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

Radial

HEX #AFDCDD sur HEX #BAB0DD

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 5%, #BAB0DD 99%);

HEX #BAB0DD sur HEX #AFDCDD

Code CSS:

background-image: linear-gradient(135deg, #BAB0DD 5%, #AFDCDD 87%);

HEX #BAB0DD sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #BAB0DD 6%, #AFDCDD 94%);

HEX #AFDCDD sur HEX #DDB1B0

Code CSS:

background-image: linear-gradient(135deg, #AFDCDD 0%, #DDB1B0 95%);

HEX #AFDCDD sur HEX #DDB1B0

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 0%, #DDB1B0 88%);

HEX #DDB1B0 sur HEX #AFDCDD

Code CSS:

background-image: linear-gradient(135deg, #DDB1B0 5%, #AFDCDD 96%);

HEX #DDB1B0 sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #DDB1B0 7%, #AFDCDD 86%);

HEX #AFDCDD sur HEX #D3DDB0

Code CSS:

background-image: linear-gradient(135deg, #AFDCDD 1%, #D3DDB0 97%);

HEX #AFDCDD sur HEX #D3DDB0

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 8%, #D3DDB0 87%);

HEX #D3DDB0 sur HEX #AFDCDD

Code CSS:

background-image: linear-gradient(135deg, #D3DDB0 11%, #AFDCDD 99%);

HEX #D3DDB0 sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #D3DDB0 6%, #AFDCDD 87%);

Dégradé de 2 couleurs de #AFDCDD - Couleurs carrées

Linéaire

HEX #AFDCDD sur HEX #C7B0DD

Code CSS:

background-image: linear-gradient(135deg, #AFDCDD 11%, #C7B0DD 95%);

Radial

HEX #AFDCDD sur HEX #C7B0DD

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 11%, #C7B0DD 100%);

HEX #C7B0DD sur HEX #AFDCDD

Code CSS:

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

HEX #C7B0DD sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #C7B0DD 5%, #AFDCDD 99%);

HEX #AFDCDD sur HEX #DDB1B0

Code CSS:

background-image: linear-gradient(135deg, #AFDCDD 5%, #DDB1B0 98%);

HEX #AFDCDD sur HEX #DDB1B0

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 3%, #DDB1B0 94%);

HEX #DDB1B0 sur HEX #AFDCDD

Code CSS:

background-image: linear-gradient(135deg, #DDB1B0 13%, #AFDCDD 88%);

HEX #DDB1B0 sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #DDB1B0 13%, #AFDCDD 98%);

HEX #AFDCDD sur HEX #C6DDB0

Code CSS:

background-image: linear-gradient(135deg, #AFDCDD 2%, #C6DDB0 95%);

HEX #AFDCDD sur HEX #C6DDB0

Code CSS:

background-image: radial-gradient(circle, #AFDCDD 5%, #C6DDB0 100%);

HEX #C6DDB0 sur HEX #AFDCDD

Code CSS:

background-image: linear-gradient(135deg, #C6DDB0 3%, #AFDCDD 96%);

HEX #C6DDB0 sur HEX #AFDCDD

Code CSS:

background-image: radial-gradient(circle, #C6DDB0 2%, #AFDCDD 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)

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

Cancel Share

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