Was ist ein HEX-Farbcode?

Ein HEX-Farbcode ist ein 6-stelliger Code für Webdesign und CSS. Beginnt mit # gefolgt von drei Paaren hexadezimaler Ziffern für Rot, Grün und Blau (00–FF).

Wie sind Farben im HEX Farben Explorer organisiert?

20 Farbton-Familien und 11 Abstufungen (25–900). Klicken Sie auf eine Farbe, um ihre Detailseite mit HEX, RGB, HSL, HSB, OKLCH, CMYK, WCAG, Harmonien und Tönungsleiter zu öffnen.

Was ist der Unterschied zwischen Farbton, Sättigung und Helligkeit?

Farbton ist die Grundfarbe. Sättigung misst die Lebhaftigkeit (0%=Grau, 100%=gesättigt). Helligkeit: 0%=Schwarz, 50%=reine Farbe, 100%=Weiß.

Was bedeuten die Abstufungsnummern (25–900)?

50 am hellsten, 500 die "reinste" Farbe, 950 sehr dunkel. Diese Skala erleichtert konsistente Design-Systeme.

Wie konvertiere ich HEX in RGB oder HSL?

HEX zu RGB: Code in drei Paare aufteilen und von Hex zu Dezimal konvertieren. Nutzen Sie unseren HEX→RGB-Konverter.

Wie verwende ich diese Farben in CSS?

Direkt: color: #3B82F6; background-color: #ECFDF5. Oder mit HSL-Notation oder CSS-Variablen: --color-primary: #3B82F6.

Wie viele Farben enthält der Explorer?

500 kuratierte Farben: 25 Familien × 20 Abstufungen (25–900). Klicken Sie eine Farbe an, um alle Formate zu erkunden.

HEX Farben Explorer

500 kuratierte Farben nach Farbton und Abstufung durchsuchen

500 Farben25 Familien20 Abstufungen je

Klicken Sie eine Farbe, um HEX, RGB und HSL zu sehen — dann in anderen Tools verwenden

Über HEX-Farbcodes

HEX-Farbcodes sind eine hexadezimale Notation für RGB-Farben, die im Webdesign und in CSS weit verbreitet ist. Jeder Code ist eine 6-stellige Zeichenkette (z.B. #FF6B6B), die die Rot-, Grün- und Blau-Anteile auf einer Skala von 0–255 darstellt. Die Farben in diesem Explorer sind nach Farbton-Familie (Rot, Orange, Bernstein, Gelb, Limettengrün, Grün, Blaugrün, Cyan, Blau, Indigo, Violett, Pink) und Abstufung (50–900) organisiert.

FAQ

Ein HEX-Farbcode ist ein 6-stelliger Code zur Darstellung von Farben in Webdesign und CSS. Er beginnt mit # gefolgt von drei Paaren hexadezimaler Ziffern für Rot-, Grün- und Blauwerte (00–FF, entspricht 0–255). Beispiel: #FF0000 ist reines Rot, #FFFFFF ist Weiß.

Farben sind in 12 Farbton-Familien und 10 Abstufungen (50–900) organisiert. Niedrigere Abstufungen sind heller (50 fast weiß), höhere dunkler (900 sehr dunkel). Diese Konvention wird von Tailwind CSS und Material Design verwendet.

Farbton (Hue) ist die Grundfarbe auf dem Farbkreis. Sättigung misst die Vivid-heit (0%=Grau, 100%=voll gesättigt). Helligkeit (Lightness) misst die Helligkeit (0%=Schwarz, 50%=reine Farbe, 100%=Weiß). Zusammen bietet HSL eine intuitive Farbbeschreibung.

Abstufungsnummern zeigen die Helligkeit an: 50 ist am hellsten, 500 ist die "reinste" Version einer Farbe, 900 ist sehr dunkel. Diese Skala erleichtert den Aufbau konsistenter Design-Systeme.

HEX zu RGB: Den 6-stelligen Code in drei Paare aufteilen und jedes von Hex zu Dezimal konvertieren. Für HSL sind weitere Berechnungen nötig. Nutzen Sie unseren HEX→RGB-Konverter für sofortige Umrechnung.

Direkt in CSS-Eigenschaften verwenden: color: #3B82F6; background-color: #ECFDF5. Auch HSL-Notation oder CSS-Variablen (--color-primary: #3B82F6) sind möglich.

Der Explorer enthält 120 kuratierte Farben: 12 Farbton-Familien × 10 Abstufungen (50–900), generiert aus sorgfältig abgestimmten HSL-Werten.

Über HEX-Farbcodes

FAQ

Unser Netzwerk entdecken