Füge eine Reihe von Werten ein (eine pro Zeile – #hex oder rgb()), um Design-Tokens, Paletten oder Screenshot-Auswahlen auf einmal zu benennen – nächstliegende Übereinstimmungen aus 32.258 offenen benannten Farben, 659 chinesischen traditionellen Farben und 184 japanischen traditionellen Farben.
Füge eine Reihe von Werten ein (eine pro Zeile – #hex oder rgb()), um Design-Tokens, Paletten oder Screenshot-Auswahlen auf einmal zu benennen – nächstliegende Übereinstimmungen aus 32.258 offenen benannten Farben, 659 chinesischen traditionellen Farben und 184 japanischen traditionellen Farben.
Bis zu 32 Werte pro Stapel, jeder zu seiner nächstgelegenen benannten Farbe, traditionellen Farbe und einem kopierbereiten Variablennamen zugeordnet.
Einer pro Zeile – #hex oder rgb(). Kopieren Sie direkt aus Designspezifikationen, Screenshot-Auswahlen oder vorhandenen Tokens.
Jeder Wert erhält seine nächstgelegene benannte Farbe mit ΔE-Abstand, plus traditionelle und japanische traditionelle Übereinstimmungen sowie weitere Kandidaten.
Klicken Sie auf einen Namen oder die Kebab-Case-Pille, um ihn zu kopieren – bereit für CSS-Variablen oder Design-Token-Namen.
Drei Fragen zur Benennungsbibliothek und Variablennamen.
Generieren Sie eine 11-stufige Skala für Schlüsselfarben im Farbtönen-Tool oder erstellen Sie vollständige UI-Rollen im Semantic Theme Generator.
Passen Sie L / C / H im wahrnehmungsgleichmäßigen OKLCH-Raum an mit Live-Vorschau und Ausgabe als oklch() / HEX / RGB.
Sechs wahrnehmungsgleichmäßige Harmonien mit feiner Anpassung von L/C/H pro Farbfeld und Live-Kontrast.
Öffnen Sie jede Familie für die vollständige Lektüre.