Släpp valfri palett med 5 färger i tre verkliga gränssnitt — instrumentpanel, landningssida, mobilapp — och se det som en verklig produkt. Roller tilldelas automatiskt: primär, accent, yta och text får alla sin plats.
Redigera palett (klicka på ett fält för att byta ut)
Färger som läggs i tre verkliga gränssnitt, med roller tilldelade automatiskt.
Tryck på "Visualisera" på valfri gemenskapsfärgpalett eller färgpalettpanelen för att hämta den, eller redigera de fem HEX-värdena manuellt.
Motorn tilldelar primär, sekundär, accent, yta och text baserat på ljushet och chroma – se var och en hamnar i varje mockup.
Växla mellan instrumentpanel, landningssida och mobilapp i realtid; klicka på valfri färgprov för att byta ut en färg direkt.
Fyra frågor som folk faktiskt ställer om förhandsgranskning av färgpaletter.
Fortsätt härifrån och använd färgerna i praktiken.
Mellanslag för att slumpa, låsa, dra för att omordna, dela via URL – allt en palettpanel ska göra.
Omvandla valfri färg till en 11-stegs skala för designsystem, perceptuellt jämn i OKLCH, WCAG-kontrast per steg, exportera till Tailwind/CSS/SCSS/JSON.
WCAG 2.1 kontrastvalidering mellan valfri förgrunds- och bakgrundsfärg.
Beskriv en scen eller stämning på en rad – få en fem-rolls palett med motivering.