Alakíts át bármilyen színt egy 11 lépésből álló dizájnrendszer skálává (50→950): észlelésileg egyenletes OKLCH interpoláció, a forrásszín a legközelebbi lépéshez rögzítve, WCAG kontraszt fekete/fehérrel minden lépésen, egykattintásos export Tailwind / CSS változók / SCSS / JSON formátumba.
// tailwind.config.js / @theme
module.exports = {
theme: {
extend: {
colors: {
brand: {
50: "#fff3ff",
100: "#ffddff",
200: "#ffc1fd",
300: "#fea1fa",
400: "#f679f3",
500: "#e84ae7",
600: "#d500d6",
700: "#bd00c0",
800: "#a100a5",
900: "#810086",
950: "#5c0060",
},
},
},
},
};Hozzon létre egy 11 lépésből álló design-rendszer skálát egy színből, észlelésileg egységesen OKLCH-ban.
Illesszen be egy HEX kódot, vagy kattintson a „Skála létrehozása” gombra bármelyik színoldalon az érték betöltéséhez.
A színe a legközelebbi lépéshez illeszkedik; a WCAG kontraszt fehér és fekete ellenében minden lépés alatt megjelenik.
Válassza a Tailwind / CSS változókat / SCSS / JSON formátumot, és másolja közvetlenül a kódjába.
Négy kérdés, amit az emberek ténylegesen feltesznek az árnyékgenerálással kapcsolatban.
Folytassa innen, és használja fel a színeket.
Adjon meg egy RAL, Pantone vagy NCS kódot – vagy bármely HEX kódot – és egyeztesse azt mind a 10 szabványrendszerben CIEDE2000 ΔE alapján.
WCAG 2.1 kontraszt validálás bármilyen előtér és háttér szín között.
Szóköz a randomizáláshoz, zárolás, húzás az átrendezéshez, megosztás URL-lel – minden, amit egy paletta táblának tudnia kell.
Írjon le egy jelenetet vagy hangulatot egy mondatban – kapjon egy ötszereplős palettát indoklással.