The detailed guide below is currently available in English.
HEX, RGB, and HSL in one breath
All three notations describe the same color. HEX packs the red, green, and blue channels into two-digit base-16 numbers, which makes it compact for stylesheets. RGB spells the same channels out in base 10, which is easier to read in code. HSL re-expresses the mix as hue (position on the color wheel, 0–360°), saturation (how colorful it is), and lightness — far more intuitive when you need a sibling shade: keep the hue, nudge the lightness, and you have a hover state.
Putting the complementary color to work
The complement is generated by rotating the hue exactly 180° while leaving saturation and lightness untouched. Placed next to each other, a color and its complement produce maximum visual tension, which is why sports teams and warning labels pair them; used sparingly as an accent — one element in ten — a complement makes a design pop without shouting. For text on a background, prefer checking actual contrast ratios before committing.
Deutschland auf einen Blick
Lokale Rahmenwerte für Deutschland, die in Alltagsberechnungen von US-Standardwerten abweichen:
- Mehrwertsteuer: 19 % Regelsatz, 7 % ermäßigt (Lebensmittel, Bücher, Fahrscheine); alle Verbraucherpreise sind Endpreise inkl. MwSt.
- Währung & Zahlen: Euro (€), Dezimalkomma: 1.234,56 €. Metrische Einheiten (cm, kg, Liter) und °C.
- Krankenversicherung: Pflichtversicherung mit 14,6 % Beitragssatz plus Zuschlag (Ø ≈ 2,5 %), hälftig geteilt; private Zusatzversicherung optional.
- Trinkgeld: 5–10 % bzw. Aufrunden ist üblich, aber freiwillig – der Service ist im Preis enthalten.
- Urlaub & Feiertage: Gesetzlicher Mindesturlaub 20 Arbeitstage (5-Tage-Woche); je nach Bundesland 9–13 gesetzliche Feiertage.
Stand: Oktober 2026 · Werte für das Steuer- bzw. Beitragsjahr 2025, Quellen siehe oben.
Häufige Fragen
Why does the 3-digit shorthand work?
Each digit is doubled: #F46 expands to #FF4466, because browsers interpret every digit as both digits of its pair. The shorthand can only express colors whose pairs repeat, so #4F46E5 has no 3-digit form.
Does converting between notations lose precision?
No. HEX and RGB are the same three 0–255 channels, so the conversion is exact. HSL rounds hue to whole degrees and saturation or lightness to whole percent, which can shift a color by a hair when you convert back — imperceptible in practice.
What is the difference between complementary and contrasting colors?
Complementary means opposite on the color wheel, a fixed 180° relationship. Contrast measures the difference in brightness between two colors as a ratio; two complements can still fail accessibility contrast tests if their lightness is similar.