Tailwind CSS-Farbe Red 300: Codes und Konvertierung

So nutzen Sie diese Farbe im Projekt

red-300 ist ein ausgewogener Farbwert aus Tailwind CSS und eignet sich je nach Intensitat fur Hintergrunde, Akzente oder UI-Tokens. Auf dieser Seite konnen Sie denselben Farbwert in HEX, RGB, HSL, LAB und OKLCH prufen, bevor er in Komponenten oder Stylesheets landet.

Kombination im Interface

Bewerten Sie red-300 nicht allein: vergleichen Sie benachbarte Abstufungen derselben Familie Red und testen Sie den Kontrast auf hellen und dunklen Flachen. So lassen sich sinnvolle Default-, Hover- und Fokuszustande schneller aufbauen.

Was vor dem Export zu prufen ist

Ein robuster Ablauf ist: mit HEX #FCA5A5 starten, danach CMYK und LAB fur drucknahe Medien prufen und OKLCH fur feinere UI-Anpassungen nutzen. Das reduziert Abweichungen zwischen Figma, CSS-Variablen und exportierten Unterlagen.