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

✕

CSS Gradients:
#FFFD09

Information

ferme tous les

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.

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.

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

Le rouge et le vert dominent nettement cette teinte : les valeurs du rouge et du vert sont supérieures à celles du bleu. Couleur claire : des valeurs de couleur élevées créent une impression de clarté.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 255 Rouge, 253 Vert et 9 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.
255 253 9 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 pas de cyan, 1 magenta, 96 jaune et pas de 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.
0% 1% 96% 0% 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 #FFFD09 sur HEX #0002F6


Code CSS:

background-image: linear-gradient(135deg, #FFFD09 13%, #0002F6 94%);

Radial

HEX #FFFD09 sur HEX #0002F6


Code CSS:

background-image: radial-gradient(circle, #FFFD09 6%, #0002F6 90%);

 

HEX #0002F6 sur HEX #FFFD09


Code CSS:

background-image: linear-gradient(135deg, #0002F6 1%, #FFFD09 100%);

 

HEX #0002F6 sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #0002F6 0%, #FFFD09 88%);

Linéaire

HEX #FFFD09 sur HEX #FFBA0A


Code CSS:

background-image: linear-gradient(135deg, #FFFD09 9%, #FFBA0A 93%);

Radial

HEX #FFFD09 sur HEX #FFBA0A


Code CSS:

background-image: radial-gradient(circle, #FFFD09 10%, #FFBA0A 89%);

 

HEX #FFBA0A sur HEX #FFFD09


Code CSS:

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

 

HEX #FFBA0A sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #FFBA0A 6%, #FFFD09 97%);

 

HEX #FFFD09 sur HEX #FFFB0A


Code CSS:

background-image: linear-gradient(135deg, #FFFD09 14%, #FFFB0A 89%);

 

HEX #FFFD09 sur HEX #FFFB0A


Code CSS:

background-image: radial-gradient(circle, #FFFD09 11%, #FFFB0A 89%);

 

HEX #FFFB0A sur HEX #FFFD09


Code CSS:

background-image: linear-gradient(135deg, #FFFB0A 8%, #FFFD09 86%);

 

HEX #FFFB0A sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #FFFB0A 10%, #FFFD09 100%);

 

HEX #FFFD09 sur HEX #C2FF0A


Code CSS:

background-image: linear-gradient(135deg, #FFFD09 6%, #C2FF0A 89%);

 

HEX #FFFD09 sur HEX #C2FF0A


Code CSS:

background-image: radial-gradient(circle, #FFFD09 13%, #C2FF0A 93%);

 

HEX #C2FF0A sur HEX #FFFD09


Code CSS:

background-image: linear-gradient(135deg, #C2FF0A 9%, #FFFD09 96%);

 

HEX #C2FF0A sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #C2FF0A 6%, #FFFD09 89%);

 

HEX #FFFD09 sur HEX #81FF0A


Code CSS:

background-image: linear-gradient(135deg, #FFFD09 3%, #81FF0A 97%);

 

HEX #FFFD09 sur HEX #81FF0A


Code CSS:

background-image: radial-gradient(circle, #FFFD09 9%, #81FF0A 94%);

 

HEX #81FF0A sur HEX #FFFD09


Code CSS:

background-image: linear-gradient(135deg, #81FF0A 1%, #FFFD09 95%);

 

HEX #81FF0A sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #81FF0A 13%, #FFFD09 87%);

Linéaire

HEX #FFFD09 sur HEX #E0DE00


Code CSS:

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

Radial

HEX #FFFD09 sur HEX #E0DE00


Code CSS:

background-image: radial-gradient(circle, #FFFD09 3%, #E0DE00 87%);

 

HEX #E0DE00 sur HEX #FFFD09


Code CSS:

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

 

HEX #E0DE00 sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #E0DE00 1%, #FFFD09 89%);

 

HEX #FFFD09 sur HEX #FFFD0A


Code CSS:

background-image: linear-gradient(135deg, #FFFD09 5%, #FFFD0A 95%);

 

HEX #FFFD09 sur HEX #FFFD0A


Code CSS:

background-image: radial-gradient(circle, #FFFD09 0%, #FFFD0A 88%);

 

HEX #FFFD0A sur HEX #FFFD09


Code CSS:

background-image: linear-gradient(135deg, #FFFD0A 13%, #FFFD09 89%);

 

HEX #FFFD0A sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #FFFD0A 0%, #FFFD09 92%);

 

HEX #FFFD09 sur HEX #FFFD33


Code CSS:

background-image: linear-gradient(135deg, #FFFD09 7%, #FFFD33 95%);

 

HEX #FFFD09 sur HEX #FFFD33


Code CSS:

background-image: radial-gradient(circle, #FFFD09 8%, #FFFD33 100%);

 

HEX #FFFD33 sur HEX #FFFD09


Code CSS:

background-image: linear-gradient(135deg, #FFFD33 5%, #FFFD09 94%);

 

HEX #FFFD33 sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #FFFD33 11%, #FFFD09 86%);

 

HEX #FFFD09 sur HEX #FFFE5D


Code CSS:

background-image: linear-gradient(135deg, #FFFD09 1%, #FFFE5D 94%);

 

HEX #FFFD09 sur HEX #FFFE5D


Code CSS:

background-image: radial-gradient(circle, #FFFD09 14%, #FFFE5D 96%);

 

HEX #FFFE5D sur HEX #FFFD09


Code CSS:

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

 

HEX #FFFE5D sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #FFFE5D 0%, #FFFD09 90%);

Linéaire

HEX #FFFD09 sur HEX #FFBA0A


Code CSS:

background-image: linear-gradient(135deg, #FFFD09 3%, #FFBA0A 86%);

Radial

HEX #FFFD09 sur HEX #FFBA0A


Code CSS:

background-image: radial-gradient(circle, #FFFD09 1%, #FFBA0A 94%);

 

HEX #FFBA0A sur HEX #FFFD09


Code CSS:

background-image: linear-gradient(135deg, #FFBA0A 9%, #FFFD09 92%);

 

HEX #FFBA0A sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #FFBA0A 3%, #FFFD09 98%);

 

HEX #FFFD09 sur HEX #FFFB0A


Code CSS:

background-image: linear-gradient(135deg, #FFFD09 6%, #FFFB0A 90%);

 

HEX #FFFD09 sur HEX #FFFB0A


Code CSS:

background-image: radial-gradient(circle, #FFFD09 4%, #FFFB0A 90%);

 

HEX #FFFB0A sur HEX #FFFD09


Code CSS:

background-image: linear-gradient(135deg, #FFFB0A 8%, #FFFD09 88%);

 

HEX #FFFB0A sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #FFFB0A 9%, #FFFD09 87%);

 

HEX #FFFD09 sur HEX #C2FF0A


Code CSS:

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

 

HEX #FFFD09 sur HEX #C2FF0A


Code CSS:

background-image: radial-gradient(circle, #FFFD09 0%, #C2FF0A 88%);

 

HEX #C2FF0A sur HEX #FFFD09


Code CSS:

background-image: linear-gradient(135deg, #C2FF0A 3%, #FFFD09 94%);

 

HEX #C2FF0A sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #C2FF0A 11%, #FFFD09 93%);

 

HEX #FFFD09 sur HEX #81FF0A


Code CSS:

background-image: linear-gradient(135deg, #FFFD09 11%, #81FF0A 91%);

 

HEX #FFFD09 sur HEX #81FF0A


Code CSS:

background-image: radial-gradient(circle, #FFFD09 5%, #81FF0A 97%);

 

HEX #81FF0A sur HEX #FFFD09


Code CSS:

background-image: linear-gradient(135deg, #81FF0A 1%, #FFFD09 88%);

 

HEX #81FF0A sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #81FF0A 2%, #FFFD09 91%);

Linéaire

HEX #FFFD09 sur HEX #E0DE00


Code CSS:

background-image: linear-gradient(135deg, #FFFD09 12%, #E0DE00 97%);

Radial

HEX #FFFD09 sur HEX #E0DE00


Code CSS:

background-image: radial-gradient(circle, #FFFD09 11%, #E0DE00 93%);

 

HEX #E0DE00 sur HEX #FFFD09


Code CSS:

background-image: linear-gradient(135deg, #E0DE00 14%, #FFFD09 94%);

 

HEX #E0DE00 sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #E0DE00 12%, #FFFD09 86%);

 

HEX #FFFD09 sur HEX #FFFD0A


Code CSS:

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

 

HEX #FFFD09 sur HEX #FFFD0A


Code CSS:

background-image: radial-gradient(circle, #FFFD09 6%, #FFFD0A 87%);

 

HEX #FFFD0A sur HEX #FFFD09


Code CSS:

background-image: linear-gradient(135deg, #FFFD0A 7%, #FFFD09 90%);

 

HEX #FFFD0A sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #FFFD0A 4%, #FFFD09 90%);

 

HEX #FFFD09 sur HEX #FFFD33


Code CSS:

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

 

HEX #FFFD09 sur HEX #FFFD33


Code CSS:

background-image: radial-gradient(circle, #FFFD09 10%, #FFFD33 95%);

 

HEX #FFFD33 sur HEX #FFFD09


Code CSS:

background-image: linear-gradient(135deg, #FFFD33 2%, #FFFD09 87%);

 

HEX #FFFD33 sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #FFFD33 12%, #FFFD09 95%);

 

HEX #FFFD09 sur HEX #FFFE5D


Code CSS:

background-image: linear-gradient(135deg, #FFFD09 2%, #FFFE5D 91%);

 

HEX #FFFD09 sur HEX #FFFE5D


Code CSS:

background-image: radial-gradient(circle, #FFFD09 9%, #FFFE5D 91%);

 

HEX #FFFE5D sur HEX #FFFD09


Code CSS:

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

 

HEX #FFFE5D sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #FFFE5D 10%, #FFFD09 92%);

Linéaire

HEX #FFFD09 sur HEX #0AFF37


Code CSS:

background-image: linear-gradient(135deg, #FFFD09 7%, #0AFF37 87%);

Radial

HEX #FFFD09 sur HEX #0AFF37


Code CSS:

background-image: radial-gradient(circle, #FFFD09 10%, #0AFF37 91%);

 

HEX #0AFF37 sur HEX #FFFD09


Code CSS:

background-image: linear-gradient(135deg, #0AFF37 6%, #FFFD09 100%);

 

HEX #0AFF37 sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #0AFF37 9%, #FFFD09 100%);

 

HEX #FFFD09 sur HEX #990AFF


Code CSS:

background-image: linear-gradient(135deg, #FFFD09 10%, #990AFF 95%);

 

HEX #FFFD09 sur HEX #990AFF


Code CSS:

background-image: radial-gradient(circle, #FFFD09 11%, #990AFF 89%);

 

HEX #990AFF sur HEX #FFFD09


Code CSS:

background-image: linear-gradient(135deg, #990AFF 8%, #FFFD09 98%);

 

HEX #990AFF sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #990AFF 8%, #FFFD09 90%);

Linéaire

HEX #FFFD09 sur HEX #0AFFFB


Code CSS:

background-image: linear-gradient(135deg, #FFFD09 13%, #0AFFFB 86%);

Radial

HEX #FFFD09 sur HEX #0AFFFB


Code CSS:

background-image: radial-gradient(circle, #FFFD09 0%, #0AFFFB 87%);

 

HEX #0AFFFB sur HEX #FFFD09


Code CSS:

background-image: linear-gradient(135deg, #0AFFFB 2%, #FFFD09 89%);

 

HEX #0AFFFB sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #0AFFFB 7%, #FFFD09 100%);

 

HEX #FFFD09 sur HEX #FB0AFF


Code CSS:

background-image: linear-gradient(135deg, #FFFD09 10%, #FB0AFF 100%);

 

HEX #FFFD09 sur HEX #FB0AFF


Code CSS:

background-image: radial-gradient(circle, #FFFD09 10%, #FB0AFF 94%);

 

HEX #FB0AFF sur HEX #FFFD09


Code CSS:

background-image: linear-gradient(135deg, #FB0AFF 8%, #FFFD09 92%);

 

HEX #FB0AFF sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #FB0AFF 13%, #FFFD09 86%);

Linéaire

HEX #FFFD09 sur HEX #0AFF37


Code CSS:

background-image: linear-gradient(135deg, #FFFD09 5%, #0AFF37 95%);

Radial

HEX #FFFD09 sur HEX #0AFF37


Code CSS:

background-image: radial-gradient(circle, #FFFD09 9%, #0AFF37 91%);

 

HEX #0AFF37 sur HEX #FFFD09


Code CSS:

background-image: linear-gradient(135deg, #0AFF37 14%, #FFFD09 93%);

 

HEX #0AFF37 sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #0AFF37 7%, #FFFD09 93%);

 

HEX #FFFD09 sur HEX #0A0EFF


Code CSS:

background-image: linear-gradient(135deg, #FFFD09 4%, #0A0EFF 89%);

 

HEX #FFFD09 sur HEX #0A0EFF


Code CSS:

background-image: radial-gradient(circle, #FFFD09 14%, #0A0EFF 93%);

 

HEX #0A0EFF sur HEX #FFFD09


Code CSS:

background-image: linear-gradient(135deg, #0A0EFF 13%, #FFFD09 90%);

 

HEX #0A0EFF sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #0A0EFF 2%, #FFFD09 98%);

 

HEX #FFFD09 sur HEX #FF0AD2


Code CSS:

background-image: linear-gradient(135deg, #FFFD09 4%, #FF0AD2 93%);

 

HEX #FFFD09 sur HEX #FF0AD2


Code CSS:

background-image: radial-gradient(circle, #FFFD09 12%, #FF0AD2 97%);

 

HEX #FF0AD2 sur HEX #FFFD09


Code CSS:

background-image: linear-gradient(135deg, #FF0AD2 1%, #FFFD09 93%);

 

HEX #FF0AD2 sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #FF0AD2 6%, #FFFD09 88%);

Linéaire

HEX #FFFD09 sur HEX #0AFF81


Code CSS:

background-image: linear-gradient(135deg, #FFFD09 13%, #0AFF81 87%);

Radial

HEX #FFFD09 sur HEX #0AFF81


Code CSS:

background-image: radial-gradient(circle, #FFFD09 14%, #0AFF81 98%);

 

HEX #0AFF81 sur HEX #FFFD09


Code CSS:

background-image: linear-gradient(135deg, #0AFF81 14%, #FFFD09 100%);

 

HEX #0AFF81 sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #0AFF81 3%, #FFFD09 98%);

 

HEX #FFFD09 sur HEX #0A0EFF


Code CSS:

background-image: linear-gradient(135deg, #FFFD09 6%, #0A0EFF 100%);

 

HEX #FFFD09 sur HEX #0A0EFF


Code CSS:

background-image: radial-gradient(circle, #FFFD09 4%, #0A0EFF 96%);

 

HEX #0A0EFF sur HEX #FFFD09


Code CSS:

background-image: linear-gradient(135deg, #0A0EFF 14%, #FFFD09 86%);

 

HEX #0A0EFF sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #0A0EFF 13%, #FFFD09 98%);

 

HEX #FFFD09 sur HEX #FF0A89


Code CSS:

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

 

HEX #FFFD09 sur HEX #FF0A89


Code CSS:

background-image: radial-gradient(circle, #FFFD09 10%, #FF0A89 97%);

 

HEX #FF0A89 sur HEX #FFFD09


Code CSS:

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

 

HEX #FF0A89 sur HEX #FFFD09


Code CSS:

background-image: radial-gradient(circle, #FF0A89 10%, #FFFD09 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)

Pour pouvoir enregistrer les palettes de couleurs, une inscription est nécessaire.

En tant qu’invité, vous pouvez composer et télécharger des couleurs dans le collecteur. Activez gratuitement qConv Start pour enregistrer durablement vos palettes et gérer leurs couleurs.

Se connecter à votre compte

ou

Créer un compte

Partager la palette de couleurs actuelle
Doit-elle être publique ou privée?
Les liens suivent après le partage.

Annuler Partager

Palette de couleurs partagée
Veuillez copier et enregistrer le lien souhaité.

Partager

OK, j'ai copié les liens

Vos couleurs sont enregistrées dans une nouvelle palette de couleurs.
Vous pouvez la consulter sous votre profil.
Vous pouvez la personnaliser davantage, et la partager.

Afficher la palette de couleurs
Fermer

Créer une palette de couleurs

TéléchargerTélécharger dans différents formats

Tout supprimer

En cliquant sur , vous pouvez créer des palettes et télécharger les nuanciers.

Gastzugang

Gastzugang

Accès invité – pas encore de profil qConv Start Les fonctions de base sont disponibles avec un quota invité. qConv Start est activé après la création gratuite d’un compte. Vous pouvez ensuite enregistrer durablement des palettes de couleurs et des images dans votre profil.
Enregistrer des palettes : profil gratuit requisJusqu’à 5 couleurs dans le collecteur invité