Farbcode Generator

Wählen Sie in bunden Quadrad oder im Kreis die gewünschte Farbe aus. Unten wird Ihnen dann der Farbcode angezeigt.

Farbcode Generator


Farbcodetabelle

000000 000011 000022 000033
000044 000055 000066 000077
001100 001111 001122 001133
001144 001155 001166 001177
002200 002211 002222 002233
002244 002255 002266 002277
003300 003311 003322 003333
003344 003355 003366 003377
004400 004411 004422 004433
004444 004455 004466 004477
005500 005511 005522 005533
005544 005555 005566 005577
006600 006611 006622 006633
006644 006655 006666 006677
007700 007711 007722 007733
007744 007755 007766 007777
220000 220011 220022 220033
220044 220055 220066 220077
221100 221111 221122 221133
221144 221155 221166 221177
222200 222211 222222 222233
222244 222255 222266 222277
223300 223311 223322 223333
223344 223355 223366 223377
224400 224411 224422 224433
224444 224455 224466 224477
225500 225511 225522 225533
225544 225555 225566 225577
226600 226611 226622 226633
226644 226655 226666 226677
227700 227711 227722 227733
227744 227755 227766 227777
440000 440011 440022 440033
440044 440055 440066 440077
441100 441111 441122 441133
441144 441155 441166 441177
442200 442211 442222 442233
442244 442255 442266 442277
443300 443311 443322 443333
443344 443355 443366 443377
444400 444411 444422 444433
444444 444455 444466 444477
445500 445511 445522 445533
445544 445555 445566 445577
446600 446611 446622 446633
446644 446655 446666 446677
447700 447711 447722 447733
447744 447755 447766 447777
660000 660011 660022 660033
660044 660055 660066 660077
661100 661111 661122 661133
661144 661155 661166 661177
662200 662211 662222 662233
662244 662255 662266 662277
663300 663311 663322 663333
663344 663355 663366 663377
664400 664411 664422 664433
664444 664455 664466 664477
665500 665511 665522 665533
665544 665555 665566 665577
666600 666611 666622 666633
666644 666655 666666 666677
667700 667711 667722 667733
667744 667755 667766 667777
880000 880011 880022 880033
880044 880055 880066 880077
881100 881111 881122 881133
881144 881155 881166 881177
882200 882211 882222 882233
882244 882255 882266 882277
883300 883311 883322 883333
883344 883355 883366 883377
884400 884411 884422 884433
884444 884455 884466 884477
885500 885511 885522 885533
885544 885555 885566 885577
886600 886611 886622 886633
886644 886655 886666 886677
887700 887711 887722 887733
887744 887755 887766 887777
aa0000 aa0011 aa0022 aa0033
aa0044 aa0055 aa0066 aa0077
aa1100 aa1111 aa1122 aa1133
aa1144 aa1155 aa1166 aa1177
aa2200 aa2211 aa2222 aa2233
aa2244 aa2255 aa2266 aa2277
aa3300 aa3311 aa3322 aa3333
aa3344 aa3355 aa3366 aa3377
aa4400 aa4411 aa4422 aa4433
aa4444 aa4455 aa4466 aa4477
aa5500 aa5511 aa5522 aa5533
aa5544 aa5555 aa5566 aa5577
aa6600 aa6611 aa6622 aa6633
aa6644 aa6655 aa6666 aa6677
aa7700 aa7711 aa7722 aa7733
aa7744 aa7755 aa7766 aa7777
cc0000 cc0011 cc0022 cc0033
cc0044 cc0055 cc0066 cc0077
cc1100 cc1111 cc1122 cc1133
cc1144 cc1155 cc1166 cc1177
cc2200 cc2211 cc2222 cc2233
cc2244 cc2255 cc2266 cc2277
cc3300 cc3311 cc3322 cc3333
cc3344 cc3355 cc3366 cc3377
cc4400 cc4411 cc4422 cc4433
cc4444 cc4455 cc4466 cc4477
cc5500 cc5511 cc5522 cc5533
cc5544 cc5555 cc5566 cc5577
cc6600 cc6611 cc6622 cc6633
cc6644 cc6655 cc6666 cc6677
cc7700 cc7711 cc7722 cc7733
cc7744 cc7755 cc7766 cc7777
ee0000 ee0011 ee0022 ee0033
ee0044 ee0055 ee0066 ee0077
ee1100 ee1111 ee1122 ee1133
ee1144 ee1155 ee1166 ee1177
ee2200 ee2211 ee2222 ee2233
ee2244 ee2255 ee2266 ee2277
ee3300 ee3311 ee3322 ee3333
ee3344 ee3355 ee3366 ee3377
ee4400 ee4411 ee4422 ee4433
ee4444 ee4455 ee4466 ee4477
ee5500 ee5511 ee5522 ee5533
ee5544 ee5555 ee5566 ee5577
ee6600 ee6611 ee6622 ee6633
ee6644 ee6655 ee6666 ee6677
ee7700 ee7711 ee7722 ee7733
ee7744 ee7755 ee7766 ee7777

Stell uns deine Frage. Wir antworten dir schnellstens...

Farben spielen bei allen Aufgaben des Designs und der grafischen Gestaltung eine grundlegende Rolle. Wer schon einmal Gestaltungsaufgaben im Auftrag eines Kunden ausgeführt hat, der kennt das Problem der exakten Farbwiedergabe. Bei HTML und Bildschirmwiedergabe ist das so genannte RGB – Format vorherrschend.

Alle Farben und Farbkombinationen setzen sich aus den Grundfarben Rot, Grün und Blau zusammen Die Mischungen dieser Grundfarben erzeugen Millionen Farbtöne in verschiedenen Spektren. In der Werbung und der Präsentation von Firmen gegenüber Kunden ist die exakte Einhaltung der Farben geradezu ein Heiligtum.

Auch für mittlere und kleine Anbieter im Internet mit Internet Shops oder Portalen und Blogs empfiehlt sich die konsequente Umsetzung eines Farbschemas für den Wiedererkennungswert. Hintergründe, Schriften, Logos und Grafiken sollten immer exakt in der gleichen Farbe dargestellt werden.

Wenn kein Grafikprogramm mit Einstellmöglichkeit für die Farbdefinition zur Verfügung steht, dann kann ein HTML Tool namens Farbgenerator hilfreich sein. Mit ihm kann die Zusammensetzung eines Farbtones korrekt gemessen werden. Vorgaben von Dritten über die exakte Farbzusammensetzung lassen sich korrekt umsetzen. Unbekannte Farbcodes lassen sich errechnen.

 

Dezimale Farbcodes

Mit ihm kann die Zusammensetzung eines Farbtons korrekt gemessen werden. Vorgaben von Dritten über die exakte Farbzusammensetzung lassen sich korrekt umsetzen. Unbekannte Farbcodes lassen sich errechnen. Der dezimale Farbcode gibt die Anteile der jeweiligen Farbe wieder. Man kann diesen Anteil als Prozentwert ansehen.

Es handelt sich jeweils um den Anteil eines Wertes von 255. Der RGB Anteil 0 0 0 bedeutet, dass alle Farben ausgeschaltet sind – es entsteht die Farbe weiß. Wenn alle Farbwerte mit 100% angegeben sind, dann entsteht die Farbe schwarz.

Dazwichen liegen alle erdenklichen Farbtöne und Farbkombinationen in unterschiedlicher Stärke. Der Code für RGB Farben wird in der Programmiersprache auch für die Farbkenneichnung von Texten und Hintergründen verwendet.

 

Hexadezimale Farbcodes

Der Hexadezimale Farbcode ist mit einer Raute vor der Farbbezeichnung ausgestattet. Er besteht aus sechs Zeichen, von denen jeweils zwei einer Farbe von Rot Grün Blau zuzuordnen sind. 0 bedeudet, dass die Farbe ausgeschaltet ist, f bedeudet, dass die Farbe mit voller Leuchtkraft eingeschaltet ist.

Die Ziffern 0 bis 9 bezeichnen die Stärke der Farbe. Das Ergebnis sind 17 Millionen Kombinationen für die Farbtöne, die bei der farblichen Gestaltung eines HTML Objektes eingesetzt werden können.

 

Rechenbeispiel

Farbwerte können in drei verschiedenen Varianten vorliegen: Das Dezimale RGB System, das Hexadezimale RGB System und das CMYK System. Letzteres wird für die Vorbereitung von Druckvorlagen verwendet.

Das RGB Farbsystem wird für Bildschirmdarstellungen eingesetzt. Mit Hilfe des Farbcodegenerators von www.hilfreiche-tools.de lassen sich die gewünschten Farbtöne am Bildschirm anzeigen und die zugerörigen Farbcodes ermitteln. Verschiedene Browsertools im Internet ermöglichen die Umrechnung der Farbwerte aus CMYK in RGB oder aus Dezimal in Hexadezimal Farbcodes.

Zum Beispiel ergibt der Dezimalwert von Rot 15, Grün 30 und Blau 45 den Hexadezimalwert #0F1E2D ergeben. Mit Hilfe dieser Tools können Farbwerte auch ohne ein teures Grafikprogramm schnell und exakt umgerechnet werden.

Häufig gestellte Fragen

Was ist ein Farbcode?

Welche Arten von Farbcodes gibt es?

Welches sind die gängigsten Farbcodes?

Wie setzt sich ein Farbcode zusammen?

Was bedeutet das # im Farbcode?

Häufig gestellte Fragen

Was ist ein Farbcode?

Ein Farbcode definiert die mengenmäßigen Anteile der Grundfarben an einer Mischfarbe, zum Beispiel in CSS-Formatierungen in HTML.
Zu den additiven Grundfarben zählen Rot, Grün und Blau, als substraktive Grundfarben bezeichnet man Cyan, Magenta und Gelb. Die gängigen Farbcodes verwenden allerdings nur die Farben Rot, Grün und Blau.
Durch Farbcodes können diese drei Grundfarben beliebig gemischt und variiert werden, wodurch jede andere Farbe produziert werden kann. Dadurch bieten sie einige Vorteile gegenüber der Formatierung mit Farbnamen, da zusätzlich zu den Mischfarben die sich ergeben auch die Intensität der einzelnen Farbanteile geregelt werden kann.

Welche Arten von Farbcodes gibt es?

Es gibt 2 verschiedene Arten von Farbcodes, die in der EDV und in HTML verwendet werden: den dezimalen, bei dem die Farben entweder als Anteile von 255 (es gibt 255 Möglichkeiten, die Farben zu variieren) oder als Prozentzahl angegeben werden und den hexadezimalen Farbcode, auch Hex-Code genannt, bei dem die Anteile durch das hexadezimale Zahlensystem definiert werden.

Welches sind die gängigsten Farbcodes?

Der gängigste Farbcode ist der hexadezimale Code, bei dem die Anteile der einzelnen Farben anstatt durch das 'normale' dezimale Zahlensystem (1,2,3,4,5,...,10,11,12,...) durch hexadezimale Zahlen (1,2,3,4,5,...,a,b,c,...) ausgedrückt werden.

Wie setzt sich ein Farbcode zusammen?

Ein Farbcode besitzt immer drei Bereiche: der linke Bereich steht für die roten Farbanteile, der mittlere für die grünen und der rechte Bereich steht für die blauen Farbanteile. Zudem wird der Farbcode mit einem # vor den Anteilsangaben eingeleitet.
Im hexadezimalen Code besitzt jeder der drei Bereiche 2 Stellen, mit welchen die Intensität der Farben 'eingestellt' werden kann, im dezimalen Code werden bis zu vier Stellen pro Bereich benötigt. Je größer die Zahl im jeweiligen Bereich, desto höher die Farbintensität der zugehörigen Farbe.

Was bedeutet das # im Farbcode?

Das # vor den Farbcodes dient dem Computer dazu, Farbcodes von Farbnamen zu unterscheiden. In CSS-Formatierungen können Farben auch durch Farbnamen definiert werden, der CSS-Code sieht dann zum Beispiel folgendermaßen aus: style="color: red".
Dieselbe Formatierung mit hexadezimalem Code schreibt sich: style="color:#ff0000".
Beide Befehle geben die Anweisung, einen Text rot zu färben, würde jedoch kein # vor dem hexadezimalen Code stehen, könnte der Befehl nicht ausgelesen werden.