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: #FFFFFF > #000000 [20] für Ihre Lesezeichen.

# Farbe HEX Name RGBNegativ
1 #FFFFFFWhite255, 255, 255#000000
2 #F2F2F2242, 242, 242#0D0D0D
3 #E6E6E6230, 230, 230#191919
4 #D9D9D9217, 217, 217#262626
5 #CCCCCC204, 204, 204#333333
6 #BFBFBF191, 191, 191#404040
7 #B3B3B3179, 179, 179#4C4C4C
8 #A6A6A6166, 166, 166#595959
9 #999999153, 153, 153#666666
10 #8C8C8C140, 140, 140#737373
11 #808080128, 128, 128#7F7F7F
12 #737373115, 115, 115#8C8C8C
13 #666666102, 102, 102#999999
14 #59595989, 89, 89#A6A6A6
15 #4D4D4D77, 77, 77#B2B2B2
16 #40404064, 64, 64#BFBFBF
17 #33333351, 51, 51#CCCCCC
18 #26262638, 38, 38#D9D9D9
19 #1A1A1A26, 26, 26#E5E5E5
20 #0D0D0D13, 13, 13#F2F2F2
21 #000000Black0, 0, 0#FFFFFF
            Quelltext
color: #FFFFFF;
background-color: #FFFFFF;
<span style="color: #FFFFFF;"></span>
<span style="background-color: #FFFFFF;"></span>

Negativfarben

Farben / Negativfarben Kombination (Beispiele)

    #FFFFFF =     #000000  Negativfarbe  Negativfarbe

    #000000 =     #FFFFFF  Negativfarbe  Negativfarbe

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

Kontrastfarbe

Kontrastfarbe Schwarz oder Weiß:  #000000#FFFFFF

Hellere Schriftfarbe: #FFFFFF    -  #FFFFFF 

Dunklere Schriftfarbe: #FFFFFF    -  #FFFFFF 

CSS-Farbverlauf

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

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

PHP - Farbverlauf (Array)

$farbverlauf = [
 "#FFFFFF", "#F2F2F2", "#E6E6E6", "#D9D9D9", "#CCCCCC", "#BFBFBF", "#B3B3B3", "#A6A6A6", "#999999", "#8C8C8C",
 "#808080", "#737373", "#666666", "#595959", "#4D4D4D", "#404040", "#333333", "#262626", "#1A1A1A", "#0D0D0D",
 "#000000"];

JavaScript - Farbverlauf (Array)

var farbverlauf = [
 "#FFFFFF", "#F2F2F2", "#E6E6E6", "#D9D9D9", "#CCCCCC", "#BFBFBF", "#B3B3B3", "#A6A6A6", "#999999", "#8C8C8C",
 "#808080", "#737373", "#666666", "#595959", "#4D4D4D", "#404040", "#333333", "#262626", "#1A1A1A", "#0D0D0D",
 "#000000"];

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.