Titelseite > Häufig verwendete Farben auf Webseiten

Häufig verwendete Farben auf Webseiten

Name: Häufig verwendete Farben auf Webseiten
Author: 录屏网

Gesunder Menschenverstand zur Farbanpassung:
1. Der Ausdruck von Farben auf Webseiten verwendet drei Farben: Rot (R), Grün (G), Blau (B) und das, was allgemein als RGB-Farbe bekannt ist. Der Ausdruck von Farben umfasst Webseiten wie folgt (rot als Beispiel) RGB-Format: Rot ist (255,0,0) oder hexadezimales Hex-Format ist (FF0000).
2. Drücken Sie die Farbe „Rot“->Gelb->Grün->Blau->„Rot“ kann nacheinander übergradiert werden, um 12 Farbringe zu erhalten: Rot, Orange-Rot, Orange, Orange-Gelb, Gelb, Gelb-Grün, Grün, Blau-Grün, Blau, Blau-Violett, Lila, Lila-Rot .
3. Farben werden in zwei Kategorien unterteilt: achromatisch und chromatisch. Unter achromatischen Farben versteht man die Systemfarben Schwarz, Weiß und Grau. Farbe bezieht sich auf alle Farben außer unbunten Farben. Normalerweise ist der Inhaltstext achromatisch (schwarz), Ränder, Hintergründe und Bilder sind farbig. Selbst wenn die Seite reichhaltig ist, ist der Inhalt daher normalerweise nicht überwältigend.

Sortierung nach Einzelfarbe als Hauptfarbe
Webdesign verwendet im Allgemeinen eine einzelne Farbe als Hauptfarbe. Jede der folgenden Kategorien verwendet diese Farbe als Hauptfarbe, kombiniert mit anderen oder ähnlichen Farben, und ist in der Reihenfolge von hell bis kräftig angeordnet.

Rot

- ist eine aufregende Farbe. Die stimulierende Wirkung kann Menschen impulsiv, wütend, enthusiastisch und energiegeladen machen.

#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

Orange Farbe

Es ist auch eine aufregende Farbe mit leichten, fröhlichen, warmen, warmen und modischen Effekten.

#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

Gelb

- Mit einer Persönlichkeit voller Glück, Hoffnung, Weisheit und Leichtigkeit hat es die höchste Helligkeit.

#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

Gelbgrün

#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

Grün

- Zwischen kalten und warmen Farben vermittelt es ein Gefühl von Harmonie, Ruhe, Gesundheit und Sicherheit. Gepaart mit Goldgelb und hellem Weiß kann eine elegante und gemütliche Atmosphäre geschaffen werden.

#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

Grün

#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

Blau

- ist die coolste, frischeste und professionellste Farbe. Gemischt mit Weiß kann es eine sanfte, elegante und romantische Atmosphäre widerspiegeln (wie die Farbe des Himmels:) Weiß – vermittelt ein Gefühl von Weiße, Helligkeit, Unschuld und Sauberkeit.

#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

Blau Lila

#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

Lila

#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

Lila Rot

#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

Klassifizierung nach Impressionskombination

Die Farbanpassung mag kompliziert erscheinen, ist aber nicht rätselhaft. Da jede Farbe ihre eigene Position im Eindruckraum hat, kann der durch die Farbanpassung erhaltene Eindruck durch Addition und Subtraktion angenähert werden. Wenn jede Farbe eine hohe Helligkeit aufweist, ist ihre Überlagerung natürlich weich und hell. Wenn jede Farbe stark ist, ist ihre Überlagerung stark. Natürlich müssen Designer im eigentlichen Designprozess auch Multiplikation und Division berücksichtigen. Beispielsweise haben Farben mit der gleichen Helligkeit und dem gleichen Kontrast unterschiedliche Winkel im Farbkreis, und wenn sie miteinander kombiniert werden, entsteht ein sich ständig veränderndes Gefühl. Daher listet dieses Buch neben der Auflistung der Kombinationen nach Farbton auch die Kombinationen auf, die sich auf den Eindruck konzentrieren, damit der Leser sie besser nachschlagen kann.

Weich, hell, sanft

Wenn Farben mit hoher Helligkeit kombiniert werden, entsteht ein weiches, helles und sanftes Gefühl. Um Blendungen zu vermeiden, verwenden Designer zum Überblenden im Allgemeinen Vordergrundtöne mit geringer Helligkeit, während der Abstand zwischen den Farben im Farbkreis auch dabei hilft, Mattheit zu vermeiden.

#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

Weich, sauber und erfrischend

Für einen sanften, sauberen und fröhlichen Eindruck sollten im Farbkreis benachbarte Farben von Blau bis Grün am besten geeignet sein. Und die Helligkeit ist hoch. Es ist ersichtlich, dass fast jede Kombination eine weiße Beteiligung hat. Natürlich können im tatsächlichen Design anstelle von Weiß auch hochhelle Farben mit entgegengesetzten Blau- und Grüntönen verwendet werden.

#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

Süß, fröhlich, interessant

Die Merkmale der Farbanpassung für den Eindruck von süß, fröhlich und interessant sind eine gleichmäßige Farbtonverteilung, eine warme und kalte Kombination, eine hohe Sättigung und eine hohe Farbauflösung.

#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

Lebhaft, fröhlich, interessant

Lebendiger, fröhlicher und interessanter. Die Farbauswahl ist größer. Die wichtigste Änderung besteht darin, reines Weiß durch niedrig gesättigte Farben oder Grautöne zu ersetzen.

#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

Sportlich und zügig

Die Farben des Sports sollen die intensiven und aufregenden Gefühle verstärken und gleichzeitig Gesundheit, Glück und Sonnenschein widerspiegeln. Daher erscheinen in dieser Art von Abdruck oft Farben mit höherer Sättigung und geringerer Helligkeit.

#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

Lebhaft, wunderschön und dynamisch

Um einen wunderschönen Eindruck zu erzielen, muss die Seite voller Farben und hoher Sättigung sein. Eine entsprechende Abschwächung der Helligkeit kann diesen Eindruck verstärken.

#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

Wild, energisch, dynamisch

Farben mit geringer Helligkeit sind im wilden Druckraum unverzichtbar und können sogar mit passendem Schwarz kombiniert werden. Andere Farben haben eine hohe Sättigung und einen starken Kontrast.

#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

Wunderschön, ausgefallen, feminin

Lila und Magenta sind die Protagonisten auf femininen Seiten, aber auch Rosa und Grün sind gängige Farben. Im Allgemeinen sollten sie auf eine hohe Sättigung abgestimmt sein.

#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

Nachgeschmack, Weiblichkeit, Eleganz

Das Gefühl von Eleganz ist sehr seltsam und die Sättigung der Farbe muss im Allgemeinen reduziert werden. Im Allgemeinen werden Helligkeit und Sättigung an die benachbarten Farben Blau und Rot angepasst.

#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

Edel, natürlich und stabil

Nobility verwendet im Allgemeinen Gelbgrün mit geringer Helligkeit. Reduzieren Sie die Farbhelligkeit und achten Sie auf die Farbbalance, damit die Seite stabil erscheint.

#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

Ruhig und natürlich

Grün ist der Protagonist eines ruhigen und natürlichen Eindrucks, aber als Hauptfarbe der Seite kann Grün leicht ein übermäßig negatives Gefühl vermitteln, weshalb besonderes Augenmerk auf die Gestaltung des Musters gelegt werden sollte.

#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

Traditionell, elegant und elegant

Traditionelle Inhalte erfordern im Allgemeinen eine Verringerung der Farbsättigung, insbesondere von Braun. Wie bereits erwähnt, ist Lila auch ein häufig verwendeter Farbton für Eleganz und Eleganz.

#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

Traditionell, stetig, klassisch

Tradition, Stabilität und Klassizismus sind alles konservative Eindrücke. Bei der Farbauswahl sollten Sie versuchen, warme Farben mit geringer Helligkeit zu verwenden.

#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

Treu, stabil und geschmackvoll

Farben mit geringer Helligkeit und Sättigung vermitteln den Menschen ein Gefühl von Loyalität und Stabilität. Um zu verhindern, dass die Farbe zu konservativ ist und die Seite starr und negativ wirkt, sollte bei einer solchen Kombination auf die Kombination von kalt und warm sowie auf den Kontrast zwischen hell und dunkel geachtet werden.

#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

Einfach, sauber, fortschrittlich

Einfache und klare Farben können in den Farbtönen Blau und Grün ausgedrückt werden, sodass eine große weiße Fläche übrig bleibt. Der Eindruck von Fortschritt kann durch die Verwendung von mehr Blau, gepaart mit geringer Sättigung oder sogar Grau, erzeugt werden.

#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

Schlicht, modisch und elegant

Grau ist die ausgewogenste Farbe und eine der Hauptfarben von Kunststoff- und Metalltexturen. Daher kann es angemessen oder sogar großflächig eingesetzt werden, um Eleganz und Mode auszudrücken. Achten Sie aber auf den Aufbau von Mustern und Texturen.

#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

Schlicht, fortschrittlich und modisch

Die Farben, die den Fortschritt ausdrücken, sind hauptsächlich Blau, gepaart mit Grau. Die Helligkeit der Farben ist einheitlich und die Farbtöne liegen nebeneinander und die Farben erscheinen einfach.

#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

√ 已复制