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: "#fff7fe",
100: "#fee3f8",
200: "#fbcaf0",
300: "#f5aee8",
400: "#ea89da",
500: "#dd6acc",
600: "#ca45b8",
700: "#b21ca2",
800: "#970088",
900: "#79006d",
950: "#56004d",
},
},
},
},
};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.