Farbverlauf Generator

Für das Design einer Webseite ist die Farbwahl ausschlaggebend. Abhängig vom Thema der Homepage oder vom Logo verwenden Sie Farben am besten in Farbabstufungen. Dieser Generator erstellt einen Farbverlauf mit den von Ihnen eingegebenen Farbwerten.

Link zum erstellten Farbverlauf: #EEE8AA > #FFFFFF [20] für Ihre Lesezeichen.

# Farbe HEX Name RGBNegativ
1 #EEE8AAPalegoldenrod238, 232, 170#111755
2 #EFE9AE239, 233, 174#101651
3 #F0EAB3240, 234, 179#0F154C
4 #F1EBB7241, 235, 183#0E1448
5 #F1EDBB241, 237, 187#0E1244
6 #F2EEBF242, 238, 191#0D1140
7 #F3EFC4243, 239, 196#0C103B
8 #F4F0C8244, 240, 200#0B0F37
9 #F5F1CC245, 241, 204#0A0E33
10 #F6F2D0246, 242, 208#090D2F
11 #F7F4D5247, 244, 213#080B2A
12 #F7F5D9247, 245, 217#080A26
13 #F8F6DD248, 246, 221#070922
14 #F9F7E1249, 247, 225#06081E
15 #FAF8E6250, 248, 230#050719
16 #FBF9EA251, 249, 234#040615
17 #FCFAEE252, 250, 238#030511
18 #FCFCF2252, 252, 242#03030D
19 #FDFDF7253, 253, 247#020208
20 #FEFEFB254, 254, 251#010104
21 #FFFFFFWhite255, 255, 255#000000
            Quelltext
color: #EEE8AA;
background-color: #EEE8AA;
<span style="color: #EEE8AA;"></span>
<span style="background-color: #EEE8AA;"></span>

Negativfarben

Farben / Negativfarben Kombination (Beispiele)

    #EEE8AA =     #111755  Negativfarbe  Negativfarbe

    #FFFFFF =     #000000  Negativfarbe  Negativfarbe

In der Farbenlehre sind Negativfarben zwei entgegengesetzte Farben (Komplementärfarben).

Kontrastfarbe

Kontrastfarbe Schwarz oder Weiß:  #000000#000000

Hellere Schriftfarbe: #EEE8AA    -  #EEE8AA 

Dunklere Schriftfarbe: #EEE8AA    -  #EEE8AA 

CSS-Farbverlauf

background: linear-gradient(#EEE8AA, #FFFFFF);
background: linear-gradient(45deg, #EEE8AA, #FFFFFF);
background: linear-gradient(to right, #EEE8AA, #FFFFFF);
background: linear-gradient(to left, #EEE8AA, #FFFFFF);

Viele weitere Farbverläufe finden Sie unter: Farbverlauf mit CSS

PHP - Farbverlauf (Array)

$farbverlauf = [
 "#EEE8AA", "#EFE9AE", "#F0EAB3", "#F1EBB7", "#F1EDBB", "#F2EEBF", "#F3EFC4", "#F4F0C8", "#F5F1CC", "#F6F2D0",
 "#F7F4D5", "#F7F5D9", "#F8F6DD", "#F9F7E1", "#FAF8E6", "#FBF9EA", "#FCFAEE", "#FCFCF2", "#FDFDF7", "#FEFEFB",
 "#FFFFFF"];

JavaScript - Farbverlauf (Array)

var farbverlauf = [
 "#EEE8AA", "#EFE9AE", "#F0EAB3", "#F1EBB7", "#F1EDBB", "#F2EEBF", "#F3EFC4", "#F4F0C8", "#F5F1CC", "#F6F2D0",
 "#F7F4D5", "#F7F5D9", "#F8F6DD", "#F9F7E1", "#FAF8E6", "#FBF9EA", "#FCFAEE", "#FCFCF2", "#FDFDF7", "#FEFEFB",
 "#FFFFFF"];

Tipps

Farbnamen, Hexadezimal, Dezimal, Prozent und Negativ

Farbverlauf mit CSS

Transparenter Farbverlauf

Glühende Neon Buchstaben - Generator

Mit dem Ultimate CSS Gradient Generator von ColorZilla können Sie einen Farbverlauf erstellen.