Werkzeuge
Kostenlos, sofort und vollständig im Browser.
Farbkonverter
HEX · RGB · HSL · OKLCH · Lab · CMYK
Alle anzeigenWCAG-Kontrast
Verhältnis und AA/AAA
Alle anzeigenFarbsim-Simulation
Protan / Deutan / Tritan
Alle anzeigenBild-Farbpflücker
Farben lokal aus Bildern ziehen
Alle anzeigenCSS-Verlauf
Wahrnehmungsgleicher Verlauf
Alle anzeigenPalettengenerator
Harmonien aus jeder Farbe
Alle anzeigenFarbmischung
Mischung in Lab/OKLCH
Alle anzeigenΔE-Farbabstand
CIELAB ΔE76 und OKLCH-Distanz
Alle anzeigenMassenumwandlung
Liste von Farben konvertieren
Alle anzeigenRAL-Zuordnung
RAL ↔ HEX / OKLCH
Alle anzeigenFarbskalen-Generator
Jede Farbe → 50–950 Skala mit CSS-Export
Alle anzeigenNächstfarben-Finder
HEX zu Traditions-, Tailwind-, Material- und RAL-Farben
Alle anzeigenTraditionelle Farbpaletten
Jahreszeit, Element und Harmonie für asiatische Farbtraditionen
Alle anzeigenKontrast-Raster
N×N-WCAG-Matrix für jede Farbliste
Alle anzeigenPalette für Farbsehschwäche
Palette simulieren und Kollisionen markieren
Alle anzeigenMesh-Verlauf
Mehrschichtige Radialverläufe mit CSS- und SVG-Export
Alle anzeigenDesignsystem-Paletten
Framework-fertige Farbskalen und Tokens aus einer Grundfarbe.
Material-Design-Töne
M3-Tonpalette und Farbrollen
Alle anzeigenTailwind-CSS-Palette
50–950 Utility-Schattierungen erzeugen
Alle anzeigenUnoCSS-Palette
Farbskala für Atomic CSS
Alle anzeigenPanda-CSS-Tokens
Token-Objekt für Panda CSS
Alle anzeigenVanilla-Extract-Theme
Theme-Vertrag und CSS-Variablen
Alle anzeigenStyleX-Tokens
Design-Tokens für StyleX
Alle anzeigenBootstrap-Palette
Farben und semantische Tokens
Alle anzeigenAnt-Design-Palette
Preset-Paletten mit 1–10 Stufen
Alle anzeigenOpen Color
Open-Source-UI-Farbschema
Alle anzeigenChakra-UI-Palette
Farbskalen 50–950
Alle anzeigenRadix Colors
12-stufige Skalen für App-UIs
Alle anzeigenFluent-UI-Farben
Microsoft-Brandrampen 10–160
Alle anzeigenPrimer-Palette
Tokens des GitHub-Designsystems
Alle anzeigenPolaris-Palette
Farb-Tokens für Shopify Admin
Alle anzeigen