Konvertieren Sie Farben zwischen verschiedenen Formaten wie HEX, RGB, HSL, CMYK. Unterstützt Farbauswahl mit EyeDropper API, Palettengenerierung und Farbschemaanalyse.
Verwenden Sie den Farbwähler, um Farben auszuwählen
Erweiterte Farbauswahl- und Verwaltungstools
Aktuelle Farbe in verschiedenen Darstellungsformaten
Offizielle Tailwind-CSS-Standardfarben. Format wählen, klicken zum Kopieren, Doppelklick übernimmt die Farbe in den Farbwähler.
Lernen Sie die Eigenschaften und Anwendungsfälle verschiedener Farbformate kennen
Verwendet 6-stellige Hexadezimalzahlen zur Darstellung von Farben, wie #FF5733. Dies ist das am häufigsten verwendete Farbformat in der Webentwicklung mit der besten Kompatibilität, geeignet für die Verwendung in CSS und HTML.
Verwendet die numerischen Werte der roten, grünen und blauen Farbkanäle zur Darstellung von Farben, wie rgb(255, 87, 51). Dieses Format ist intuitiv und leicht zu verstehen, geeignet für Designer und Entwickler, um die Farbzusammensetzung zu verstehen.
Ergänzt RGB um einen Alpha-Kanal für Transparenz, z. B. rgba(255, 87, 51, 0.8). Geeignet für Überlagerungen, Schatten und andere halbtransparente Effekte.
Verwendet drei Attribute von Farbton, Sättigung und Helligkeit zur Darstellung von Farben, wie hsl(12, 100%, 60%). Dieses Format ist näher an der Art, wie Menschen Farben wahrnehmen, und erleichtert die Anpassung von Helligkeit und Lebendigkeit der Farben.
Verwendet drei Attribute von Farbton, Sättigung und Wert zur Darstellung von Farben, wie hsv(12, 100%, 100%). Dieses Format wird häufig in Grafiksoftware verwendet, wobei der Wertparameter die Helligkeit der Farbe intuitiver darstellt.
Verwendet vier Farbkanäle von Cyan, Magenta, Gelb und Schwarz zur Darstellung von Farben, wie cmyk(0%, 66%, 80%, 0%). Dies ist das Standardformat in der Druckindustrie, geeignet für Designarbeiten, die gedruckt werden müssen.
Verwendet drei Attribute von wahrgenommener Helligkeit, Chroma und Farbton zur Darstellung von Farben, wie oklch(60% 50% 12). Dies ist ein moderner Farbraum, der besser mit der menschlichen Augenwahrnehmung übereinstimmt, einen breiteren Farbbereich unterstützt und für moderne Anzeigegeräte geeignet ist.