Page de garde > Couleurs couramment utilisées sur les pages Web

Couleurs couramment utilisées sur les pages Web

Name: Couleurs couramment utilisées sur les pages Web
Author: 录屏网

Correspondance des couleurs, bon sens :
1. L'expression des couleurs sur les pages Web utilise trois couleurs, le rouge (R), le vert (G), le bleu (B) et ce que l'on appelle communément la couleur RVB. Elle inclut toutes les couleurs perçues par les humains. pages Web Comme suit (le rouge à titre d'exemple) Format RVB : le rouge est (255,0,0) ou le format hexadécimal est (FF0000).
2. Appuyez sur la couleur "Rouge"->Jaune->Vert->Bleu->"Rouge" peut être sur-dégradé en séquence pour obtenir 12 anneaux de couleur : rouge, orange-rouge, orange, orange-jaune, jaune, jaune-vert, vert, bleu-vert, bleu, bleu-violet, violet, violet-rouge. .
3. Les couleurs sont divisées en deux catégories : achromatiques et chromatiques. Les couleurs achromatiques font référence aux couleurs du système noir, blanc et gris. La couleur fait référence à toutes les couleurs sauf les couleurs achromatiques. Habituellement, le texte du contenu est en couleur achromatique (noir), les bordures, les arrière-plans et les images sont en couleur. Ainsi, même si la page est riche, le contenu ne sera toujours pas éblouissant. Habituellement, le contraste entre l’arrière-plan et le contenu est important.

Trier par couleur unique comme couleur principale
La conception Web utilise généralement une seule couleur comme couleur principale. Chaque catégorie ci-dessous utilise cette couleur comme couleur principale, associée à d'autres couleurs ou similaires, et est classée par ordre allant de clair à fort.

Rouge

- est une couleur passionnante. L’effet stimulant peut rendre les gens impulsifs, en colère, enthousiastes et énergiques.

#FFFFCC

#CCFFFF

#FFCCCC

#99CCCC

#FFCC99

#FFCCCC

#FF9999

#996699

#FFCCCC

#CC9999

#FFFFCC

#CCCC99

#FFCCCC

#FFFF99

#CCCCFF

#0099CC

#CCCCCC

#FF6666

#FF9966

#FF6666

#FFCCCC

#CC9966

#666666

#CC9999

#FF6666

#FFFF66

#99CC66

#CC3333

#CCCCCC

#003366

#993333

#CCCC00

#663366

#CCCC99

#666666

#CC9999

#FF6666

#FFFF00

#0066CC

#CC0033

#333333

#CCCC00

#336633

#990033

#FFCC99

#993333

#CC9966

#003300

#FF0033

#333399

#CCCC00

#CC0033

#000000

#003399

#000000

#99CC00

#CC0033

#999933

#993333

#333300

Couleur orange

C'est aussi une couleur passionnante, aux effets légers, joyeux, chaleureux, chaleureux et tendance.

#FFCC99

#FFFF99

#99CC99

#FFCC99

#CCFF99

#CCCCCC

#FFCC99

#FFFFCC

#99CCFF

#FF9966

#FFFFCC

#99CC99

#FF9900

#FFFFCC

#336699

#CCCC33

#FFFF99

#CC9933

#996600

#FFCC33

#FFFFCC

#CC9933

#336666

#FF9900

#FFFF00

#0099CC

#99CC33

#FF9900

#FFCC00

#FF9933

#99CC33

#CC6699

#FF9933

#FFFF00

#3366CC

#FF9933

#FFFFCC

#009966

#FF6600

#FFFF66

#009966

#990033

#CCFF66

#FF9900

#FF9966

#996600

#CCCC00

#CC6600

#999999

#CCCC33

#CC6600

#CCCC33

#336699

#000000

#FF9933

#999966

#663300

#FF9933

#FFFF66

Jaune

-Avec une personnalité de bonheur, d'espoir, de sagesse et de légèreté, il a la plus haute luminosité.

#FFFFCC

#CCFFFF

#FFCCCC

#FFFF00

#FFFFFF

#CCCC00

#99CCFF

#FFCC33

#FFFFCC

#FFFF33

#99CCFF

#CCCCCC

#FFFF00

#FFFFFF

#9933FF

#99CCFF

#FFCC33

#FFFF33

#FFCC00

#66CC00

#FFFF99

#FF9900

#FFFF00

#0099CC

#FFCC00

#0000CC

#FFFF99

#CC9999

#FFFFCC

#6666CC

#999933

#FFFFCC

#CC99CC

#CCCC00

#666600

#FFFF66

#FF9966

#FFFFCC

#99CC99

#FFCC33

#FFFFCC

#999966

#FFCC99

#FF6666

#FFFF66

#FFCC99

#999966

#FFFF00

#FFFF99

#99CC99

#666600

#999966

#FFFF99

#333333

#006633

#333300

#CCCC99

#006633

#663300

#CCCC66

Vert jaunâtre

#33CC33

#6666CC

#FFFFFF

#CCCC33

#FFFFFF

#CCFFCC

#FFCC99

#CCFF99

#CCCCCC

#CCCC00

#999966

#FFFFCC

#CCCC33

#FFFFFF

#336699

#CCCC33

#999999

#CCFFFF

#00CC00

#0066CC

#99CCCC

#99CC33

#FF9900

#FFCC00

#99CC33

#CCCCFF

#663300

#CCCC33

#993399

#000000

#CC6600

#999999

#CCCC33

#CC9933

#FFFF99

#99CC99

#669933

#CCCC33

#663300

#99CC33

#CCCCCC

#000000

#CC6600

#CCCC33

#336699

#666600

#CCCC66

#CCFFCC

#333366

#99CC33

#336699

#666666

#99CC33

#003366

#003333

#99CC33

#999999

#996633

#FFFF99

#99CC66

Vert

-Entre couleurs froides et chaudes, il donne une sensation d'harmonie, de tranquillité, de santé et de sécurité. Associé au jaune doré et au blanc clair, il peut créer une atmosphère élégante et confortable.

#009966

#FFFFFF

#FFFF00

#339933

#FFFFFF

#9933CC

#339933

#FFFFFF

#000000

#339933

#99CC00

#FFFFCC

#CCCC66

#336666

#99CC33

#FFFF66

#336600

#339933

#CC9900

#666666

#339966

#CCCCCC

#003366

#669933

#CCCCCC

#000000

#339933

#CCCCCC

#6699CC

#006633

#CCCC33

#CC9933

#339933

#666633

#CCCC66

#339933

#FFCC33

#336699

#006633

#669933

#99CC99

#336666

#996633

#CCCC33

#003300

#669933

#CCCC99

#006633

#990033

#FF9900

#006633

#333300

#CCCC99

#006633

#663300

#CCCC66

#993333

#CC9966

#003300

Vert

#CCFF99

#FFFFFF

#66CCCC

#339999

#FFFFFF

#99CCFF

#66CC99

#FFFFFF

#666699

#009999

#66CCCC

#CCFFFF

#66CCCC

#CCFF66

#FF99CC

#339999

#FFFF00

#336699

#CC9933

#339999

#FFCC33

#FFCC00

#009999

#CC3333

#669999

#CCCCCC

#CC99CC

#339999

#CCCCCC

#000000

#339999

#666699

#CCCCCC

#003333

#99CC99

#FFFFCC

#669999

#CCFFCC

#996699

#CCCC99

#669999

#999966

#CCCC99

#339999

#336666

#669999

#CCCC99

#999999

#003366

#669999

#663333

#339999

#CCCC66

#333333

#339999

#CCFFCC

#336666

#3399CC

#666666

Bleu

- est la couleur la plus cool, la plus fraîche et professionnelle. Mélangé au blanc, il peut refléter une atmosphère douce, élégante et romantique (comme la couleur du ciel :) Le blanc --- a une sensation de blancheur, de luminosité, d'innocence et de propreté.

#FFFFCC

#CCFFFF

#FFCCCC

#99CCCC

#FFFFFF

#3399CC

#CCFFCC

#99CCCC

#FFFFCC

#CCCCFF

#FFFFFF

#99CCFF

#FFCC99

#FFFFCC

#99CCFF

#336699

#FFFFFF

#99CCCC

#FFFFFF

#CCFF99

#CCCCFF

#FFFFCC

#CCFFFF

#99CCCC

#FFFFFF

#336699

#99CCFF

#CCFFFF

#6699CC

#99CC33

#FFFFFF

#3399CC

#0099CC

#FFFFCC

#666699

#CCCCCC

#003366

#99CCFF

#0099CC

#FFFFFF

#666666

#CCCCCC

#6699CC

#666666

#336699

#CCCC99

#003366

#3399CC

#003366

#CCCCCC

#6699CC

#006699

#000000

#003366

#CCCCCC

#006699

#999933

#336699

#333333

Bleu violet

#CCFFFF

#FFFFFF

#CCCCFF

#CCCCCC

#FFFFFF

#666699

#99CCFF

#FFFFFF

#333399

#6666CC

#FFFFFF

#FF9999

#9999FF

#FFCC33

#FFFFCC

#0099CC

#FFFFCC

#666699

#0000FF

#6699FF

#CCFFFF

#6666FF

#66CCFF

#CCFF66

#669999

#FFFFCC

#6666CC

#9999CC

#FF9999

#666699

#003399

#FFCCCC

#6699CC

#CC6666

#333399

#CCCC00

#000066

#6666FF

#CCCCCC

#003399

#CCFF99

#333333

#333366

#CC0033

#CCCCCC

#336699

#CCCC66

#333300

#003399

#FFFF99

#000000

#990066

#CCCC33

#003399

#CC3333

#000000

#003399

#333366

#999966

#333333

Violet

#FFFFCC

#FFFF99

#CCCCFF

#9999CC

#99CC99

#FFFFFF

#FFCCCC

#CCCCFF

#CCCC99

#9999CC

#FFFFCC

#FFCCCC

#FF99CC

#CCCCFF

#660066

#FFFFFF

#663333

#CCCC99

#333333

#9966CC

#CCCC00

#FF9966

#663399

#996699

#FFCCCC

#CC99CC

#996666

#CC99CC

#FFCCCC

#FFCC99

#FF9933

#663366

#333399

#CCCCFF

#CC99CC

#663366

#CCCCCC

#CC99CC

#996699

#9999CC

#CCCCFF

#CC9966

#999999

#663366

#330033

#666666

#669999

#CCCCCC

#999999

#663366

#FF33CC

#CCCC99

#663366

#999999

#CCCCFF

#999966

#993333

#330033

Rouge-violet

#FFCCCC

#FFFFFF

#99CC00

#FF99CC

#FFFFFF

#993366

#66CC99

#FFFFFF

#CC6699

#CC9999

#FFCCCC

#CC99CC

#FFCCCC

#FFFF99

#CCCCFF

#FFFF99

#993399

#FF99CC

#66CCCC

#CCFF66

#FF99CC

#003399

#CCCC00

#FFCCCC

#FF99CC

#CCCCFF

#FF9999

#FFCCCC

#FF99CC

#669966

#CC6699

#FFCCFF

#CCCCCC

#CC99CC

#CC3399

#FFCC99

#FF6666

#FF3399

#CCCC99

#663366

#FFFFCC

#FFCCCC

#663366

#CCCCCC

#CC99CC

#990066

#FFCC00

#CC0033

#990066

#CCCCCC

#006699

#999900

#990033

#000000

#990066

#000000

#009966

Classement par combinaison d'impressions

La correspondance des couleurs peut sembler compliquée, mais elle n’a rien de mystérieux. Puisque chaque couleur a sa propre position dans l’espace d’impression, l’impression obtenue par correspondance des couleurs peut être approximée par addition et soustraction. Si chaque couleur est très lumineuse, alors leur superposition sera naturellement douce et lumineuse ; si chaque couleur est forte, alors leur superposition sera forte. Bien sûr, dans le processus de conception lui-même, les concepteurs doivent également prendre en compte la multiplication et la division. Par exemple, les couleurs ayant la même luminosité et le même contraste ont des angles différents sur la roue chromatique, et lorsqu'elles sont associées, elles obtiennent une sensation en constante évolution. Par conséquent, en plus de répertorier les combinaisons en fonction de la teinte, ce livre répertorie également les combinaisons axées sur l'impression à titre de référence pour les lecteurs.

Doux, brillant, doux

Lorsque des couleurs à haute luminosité sont associées, vous obtiendrez une sensation douce, lumineuse et douce. Afin d'éviter l'éblouissement, les concepteurs utilisent généralement des tons de premier plan à faible luminosité pour se mélanger, tandis que la distance entre les couleurs sur la roue chromatique permet également d'éviter la matité.

#FFFFCC

#CCFFFF

#FFCCCC

#FFFF99

#CCCCFF

#FF9966

#FF6666

#FFCCCC

#FFCC99

#CCFF99

#CCCCCC

#FFCCCC

#CCCCFF

#CCFFCC

#CCFFFF

#CCCCCC

#CCFF99

#FFCCCC

#FFFFFF

#99CC99

#99CCCC

#FFCC99

#FFCCCC

#CCCCFF

#FFCCCC

#CCFFFF

#FFCC99

#FFFFCC

#99CCCC

Doux, propre et rafraîchissant

Pour une impression douce, propre et joyeuse, les couleurs adjacentes du bleu au vert dans la roue chromatique devraient être les plus appropriées. Et la luminosité est élevée. On peut voir que presque toutes les combinaisons comportent une participation blanche. Bien entendu, dans la conception actuelle, des couleurs à haute luminosité avec des teintes opposées de bleu et de vert peuvent être utilisées à la place du blanc.

#CCFF99

#FFFFFF

#99CCFF

#99CCCC

#FFFFFF

#CCFF99

#CCFFCC

#FFFFFF

#66CCCC

#CCCCFF

#FFFFFF

#99CCCC

#CCFFCC

#99CCCC

#FFFFCC

#CCFFFF

#FFFFFF

#CCCCFF

#CCFFFF

#FFFFFF

#99CCFF

#66CCFF

#FFFFFF

#CCFFFF

#6699CC

#FFFFFF

#99CCFF

#CCCCFF

#FFFFFF

#99CCFF

Mignon, heureux, intéressant

Les caractéristiques de la correspondance des couleurs dans l'impression de mignon, heureux et intéressant sont une distribution uniforme des teintes, une combinaison chaude et froide, une saturation élevée et une résolution de couleur élevée.

#66CCCC

#CCFF66

#FF99CC

#FF9999

#FFFFFF

#FFCC99

#FF6666

#FFFF66

#99CC66

#666699

#FFFFFF

#FF9999

#99CC33

#FF9900

#FFCC00

#FF0033

#FFFFFF

#FF9966

#FF9900

#CCFF00

#CC3399

#99CC33

#FFFFFF

#FF6600

#993366

#CCCC33

#666633

#66CCCC

#FFFFFF

#666699

Vif, joyeux, intéressant

Vivant, joyeux et intéressant par rapport à l'impression précédente, les choix de couleurs sont plus larges. Le changement le plus important est de remplacer le blanc pur par des couleurs ou des gris peu saturés.

#CC9999

#FFFF99

#666699

#FF9900

#FFFF00

#0099CC

#CCCC99

#CC3399

#99CC00

#FF6666

#FFFF00

#3399CC

#CC6600

#999999

#CCCC33

#FF9933

#FFFFCC

#009933

#0099CC

#CCCCCC

#FF6666

#FF6600

#FFFF66

#009966

#CC6633

#FFCC99

#CC6600

#CC0066

#009999

#FFCC33

Sportif et vif

Les couleurs du sport doivent rehausser les sensations intenses et excitantes, tout en reflétant la santé, le bonheur et le soleil. Par conséquent, des couleurs avec une saturation plus élevée et une luminosité plus faible apparaissent souvent dans ce type d’impression.

#FF6666

#FFFF00

#006699

#FF9966

#FFFFFF

#0066CC

#339933

#FFCC33

#336699

#FF9900

#FFFFCC

#336699

#CC6600

#CCCC44

#336699

#99CC33

#FFFFFF

#0099CC

#99CC33

#FF6666

#336699

#FFFFFF

#99CCCC

#FF0033

#333399

#CCCC00

#33CC99

#FFFF00

#336699

Vif, magnifique et dynamique

Une superbe impression nécessite que la page soit pleine de couleurs et ait une saturation élevée, et un affaiblissement approprié de la luminosité peut renforcer cette impression.

#990066

#FFCC00

#CC0033

#FFCC33

#333399

#FF0033

#666699

#FFFF00

#FF0033

#006699

#FFFF33

#FFCC00

#009999

#CC3366

#FF0033

#CCCC00

#006699

#CCCC00

#FF9933

#663399

#FF9933

#FFFF00

#336699

#CC3333

#FFCCCC

#99CC00

#003399

#FFFF00

#FF6600

Sauvage, énergique, dynamique

Les couleurs à faible luminosité sont indispensables dans l'espace d'impression sauvage et peuvent même être associées au noir approprié. Les autres couleurs ont une saturation élevée et un contraste fort.

#990066

#FFFF00

#003399

#CC0033

#000000

#003399

#FFFF00

#F00000

#CC3333

#CCCCCC

#003366

#CC0033

#333333

#CCCC00

#000000

#99CC00

#CC0033

#FF0033

#333333

#FF9900

#990066

#000000

#009966

#666666

#FF6600

#333333

#993333

#CCCC00

#663366

Magnifique, chic, féminin

Le violet et le magenta sont les protagonistes des pages féminines, et le rose et le vert sont également des couleurs courantes. Généralement, ils doivent être assortis d’une saturation élevée.

#FFFF99

#993399

#FF99CC

#FF6666

#FFFFFF

#339999

#FF99CC

#003399

#CCFF00

#66CC99

#FFFFFF

#CC6699

#CC3399

#FFCC99

#FF6666

#FFCCCC

#FFFFFF

#993366

#CC6699

#FFFF00

#666699

#CC6699

#99CC66

#663366

#FF33CC

#CCCC99

#663366

#CC3399

#FFCC99

#FF6666

Arrière-goût, féminité, élégance

La sensation d'élégance est très étrange et la saturation de la couleur doit généralement être réduite. Généralement, la luminosité et la saturation sont ajustées pour correspondre aux couleurs adjacentes du bleu et du rouge.

#CCCCCC

#CC99CC

#CC3399

#FFCCCC

#FF99CC

#CCCCFF

#CC3399

#9933CC

#CC99CC

#9999CC

#FFFFCC

#FFCCCC

#663366

#CCCCCC

#CC99CC

#FF9999

#FFCCCC

#FF99CC

#996666

#CC99CC

#FFCCCC

#CC9999

#CCCCCC

#FFCCCC

#FF9999

#996699

#FFCCCC

#996699

#FFCCCC

#CC99CC

Noble, naturel et stable

Noblesse utilise généralement du jaune-vert à faible luminosité. Réduisez la luminosité des couleurs et faites attention à l'équilibre des couleurs, et la page apparaîtra stable.

#CCCC33

#FFFF99

#CC9933

#CC9966

#CCCC66

#669999

#FF9966

#996600

#CCCC00

#CCCC66

#660033

#CC6600

#CCCC00

#666600

#CCCCFF

#CC9933

#009999

#FFCC33

#999966

#CCCC99

#339999

#99CC99

#669933

#336633

#666633

#999933

#CC9966

#660000

#CC9900

#CCCC99

Calme et naturel

Le vert est le protagoniste d'une impression calme et naturelle, mais en tant que couleur principale de la page, le vert peut facilement transmettre un sentiment trop négatif, c'est pourquoi une attention particulière doit être accordée à la conception du motif.

#FFFF99

#99CC99

#666600

#996633

#FFFF99

#99CC66

#006600

#66CC66

#CCFF99

#666600

#CCCC66

#CCFFCC

#669933

#CCCC33

#663300

#666633

#999933

#CC9966

#003300

#669933

#CCCC99

#006633

#663300

#CCCC66

#666600

#FFFFCC

#999999

#006633

#333300

#CCCC99

Traditionnel, élégant et élégant

Les contenus traditionnels nécessitent généralement de baisser la saturation des couleurs, notamment du marron. Comme mentionné précédemment, le violet est également une teinte couramment utilisée pour l’élégance et l’élégance.

#999933

#FFFFCC

#CC99CC

#CC9966

#666666

#CC9999

#CCCC99

#333333

#9966CC

#CCCC99

#666666

#CC9999

#996699

#CCCC99

#669999

#CC9966

#999999

#666666

#339966

#CCCCCC

#996699

#663366

#999999

#CCCCFF

#996699

#9999CC

#CCCCFF

#CCCC99

#999999

#663300

Traditionnel, stable, classique

La tradition, la stabilité et le classicisme sont toutes des impressions conservatrices. Lors du choix des couleurs, vous devriez essayer d'utiliser des couleurs chaudes à faible luminosité. Cette combinaison est conforme à l'esthétique mature.

#6699CC

#663366

#CCCC99

#990033

#CCFF66

#FF9900

#666699

#660033

#99CC99

#663300

#FF9933

#FFFF66

#990033

#006633

#CCCC00

#660033

#999933

#660099

#993366

#CCCC33

#666633

#996600

#CCCC66

#666600

#009933

#CC9900

#666666

#666633

#CCCC33

#CC3366

Fidèle, stable et de bon goût

Les couleurs à faible luminosité et saturation donneront aux gens un sentiment de fidélité et de stabilité. Afin d'éviter que la couleur ne soit trop conservatrice et ne rende la page rigide et négative, une telle combinaison doit prêter attention à la combinaison du froid et du chaud et au contraste entre la lumière et l'obscurité.

#FFFFCC

#CC9933

#336666

#996633

#CCCC33

#336633

#990033

#FFCC99

#333366

#669999

#996600

#993333

#CC9966

#003300

#336633

#CCCC99

#333366

#663300

#999933

#333333

#663366

#666666

#333366

#999900

#990033

#CC99CC

#333366

#990033

#CCCCCC

Simple, propre, progressif

Les couleurs simples et épurées peuvent être exprimées dans des teintes bleues et vertes, laissant une grande zone de blanc. L'impression de progrès peut être donnée en utilisant plus de bleu, associé à une faible saturation ou même du gris.

#CCCCCC

#FFFFFF

#666699

#CCFF66

#FFFFFF

#003366

#99CCFF

#FFFFFF

#336699

#CCCC33

#FFFFFF

#336699

#0099FF

#FFFFCC

#666699

#99CC33

#CCCCCC

#000000

#CCCCCC

#003366

#99CCFF

#0099CC

#CCFF66

#666666

#3399CC

#003366

#CCCCCC

#ABCDEF

Simple, tendance et élégant

Le gris est la couleur la plus équilibrée et l'une des couleurs principales des textures en plastique et en métal. Par conséquent, il peut être utilisé de manière appropriée ou même sur de grandes surfaces pour exprimer l'élégance et la mode. Mais faites attention à la construction des motifs et des textures.

#99CCFF

#FFFF66

#666666

#336666

#FFFFFF

#999999

#0099CC

#FFFFFF

#666666

#999999

#CCCCCC

#336666

#CCCCCC

#999999

#663366

#666666

#CCCCCC

#6699CC

#999999

#FFFFFF

#333366

#669999

#CCCCCC

#666666

#999999

#CCCCCC

#333333

#ABCDEF

Simple, progressif et à la mode

Les couleurs qui expriment le progrès sont principalement le bleu, associé au gris. La luminosité des couleurs est unifiée et les teintes sont adjacentes, et les couleurs paraîtront simples.

#333366

#99CC33

#336699

#999999

#003366

#669999

#003399

#CCFF99

#333333

#999933

#336699

#333333

#666666

#99CC33

#003366

#999999

#336699

#333333

#3366CC

#CCCC66

#333300

#6699CC

#006699

#000000

#003366

#CCCCCC

#006699

#000000

#999999

#003366

√ 已复制