නොමිලේ වර්ණ palette සකසන්නා

එය ක්‍රියා කරන්නේ කෙසේද

මෙම මෙවලම බාහිර පුස්තකාල කිසිවකින් තොරව ගොඩනගා ඇත — සියලුම වර්ණ ගණිතය කෙලින්ම ඔබේ බ්‍රවුසරයේ අතින් ලියන ලද JavaScript වලින් ධාවනය වේ. එය ඔබ තෝරාගත් වර්ණය hex සහ HSL අතර පරිවර්තනය කර, පසුව hue wheel එක මත arithmetic හරහා සම්භාව්‍ය වර්ණ න්‍යාය harmony නීති (complementary, triadic, analogous, ආදිය) යොදා සෑම palette එකක්ම නිපදවයි.

1. 1
   Hex-to-HSL පරිවර්තනය

   ඔබ වර්ණයක් තෝරන විට, මෙවලම hex string එක RGB components වලට parse කර ඒවා HSL (hue, saturation, lightness) වලට පරිවර්තනය කරයි. Hue යනු වර්ණ රෝදයේ 0–360 අංශක ස්ථානයයි; palette ගණිතය සියල්ල මෙම space එකේ සිදු වේ.
2. 2
   Harmony සඳහා Hue ගණිතය

   සෑම palette වර්ගයක්ම base hue එකට යොදන ස්ථිර rotation සූත්‍රයකි. Complementary 180° එකතු කරයි, triadic 120° සහ 240° එකතු කරයි, tetradic 90°කින් step කරයි, split-complementary 150° සහ 210° භාවිතා කරයි. Monochromatic සහ shades hue සහ saturation ස්ථිරව තබා lightness ඉහළ පහළ step කරයි.
3. 3
   HSL-to-hex ප්‍රතිදානය

   ගණනය කළ සෑම HSL triplet එකක්ම සම්මත chroma සූත්‍රය භාවිතයෙන් hex වර්ණයකට නැවත පරිවර්තනය කෙරේ. ප්‍රතිඵල auto-contrasted ලේබල් (ලා swatches මත dark text, dark ඒවා මත light text) සමඟ වර්ණ ස්ට්‍රිප් එකක් ලෙස පෙන්වයි, එය සරල luminance threshold එකකින් තීරණය කෙරේ.
4. 4
   ඔබ කැමති ආකෘතියෙන් නිර්යාත කරන්න

   Palette එක hex strings ලෙස පිටපත් කළ හැක හෝ CSS variables ගොනුවක් (:root { --color-1: … }), SCSS variables, Tailwind config snippet එකක්, JSON object එකක්, හෝ PNG වර්ණ ස්ට්‍රිප් එකක් ලෙස නිර්යාත කළ හැක. PNG නිර්යාතය එක් එක් swatch එක එහි hex label එක සමඟ ඇඳීමට බ්‍රවුසරයේ Canvas API (toDataURL) භාවිතා කරයි — සියල්ල ක්ලික් කිරීමේදී දේශීයව උත්පාදනය කෙරේ.

සම්බන්ධ මෙවලම්