ශ්‍රී ලංකාවේ නවතම තාක්ෂණික පුවත් 2026-07-26, Sunday
💻 ක්‍රමලේඛනය · 🕒 කියවීමට විනාඩි 2 · 👁 1

නව නොමිලේ PaletteCSS: CSS, Tailwind, SCSS සඳහා වර්ණ පලට්ටු ජනකය

නව නොමිලේ PaletteCSS: CSS, Tailwind, SCSS සඳහා වර්ණ පලට්ටු ජනකය

වෙබ් සංවර්ධකයන් අතර වර්ණ පලට්ටු සකස් කිරීමේ කාලය බොහෝ විට ගතවන ගැටලුවක්. එම ගැටලුවට විසඳුමක් ලෙස, PaletteCSS නමැති නොමිලේ උපකරණයක් හඳුන්වා දෙන ලදී.

PaletteCSS ඔබට හුස්මක් ගන්නා පරිදි වර්ණ තෝරන්න, හෙක්ස් කේතය පිටපත් කරන්න, හෝ සූර්ය ආලෝකය, සන්තෘප්තිය, ප්‍රභා වැනි පරාමිතීන් මත පදනම්ව වර්ණ තෝරාගැනීමට ඉඩ සලසයි. එක් වරක් තෝරාගත් පසු, 4-වර්ණ පලට්ටුවක් ස්වයංක්‍රීයව සකස් කර, Space බාර් යතුරෙන් අහඹු වර්ණ ජනකයද ලබා ගත හැක.

මෙම පලට්ටුවේ WCAG AA/AAA විරූපී පරීක්ෂකයක් අඩංගු වේ, එයින් වර්ණ යුගලයන් අතර ප්‍රවේශය තක්සේරු කරගත හැක. තවද, තෝරාගත් වර්ණයකට 10 ක් තදබල සහ පැහැදිලි තේජස් තලයන් (shades) සහ පැහැරැස් තලයන් (tints) ලබා දෙන Color shades panel එකක්ද ඇත.

ඉන්පසු, ඔබට පහත පදනම් 5 ආකාරයේ ගොනු ලෙස ඒකස්ථානයේම පිටපත් කරගත හැක: CSS custom properties, Tailwind config, SCSS variables, JSON array, PNG (Figma හෝ Sketch සඳහා). මෙය ඔබේ කෝඩ් පදනමට සරලව එක් කළ හැකි නිසා, මිනිත්තු කිහිපයක් තුළම සැලසුමක් සකස් කළ හැක.

PaletteCSS වෙබ් අඩවියෙහි 5,000+ සකස් කර ඇති පලට්ටුද පිරික්සිය හැකි අතර, ඒවාද එකම ආකාරයෙන් අපනයන (export) කළ හැකිය. ලියාපදිංචියක් අවශ්‍ය නොවන බැවින්, සීමා රහිතව පරිශීලකයින්ට භාවිතා කිරීමට හැකි වේ.

ශ්‍රී ලංකාවට ඇති වැදගත්කම

ශ්‍රී ලංකාවේ තරුණ සංවර්ධකයන්, UI/UX ශිෂ්‍යයන්, හා ස්ථානික ව්‍යාපාරිකයන්ට මෙම උපකරණය විශාල වාසියක් ලබා දෙයි. පළමු වරට, වර්ණ පලට්ටු සකස් කිරීමේ කාලය අඩු කර, වැඩි නිෂ්පාදන කාර්යක්ෂමතාවක් ලබා දෙයි. දෙවැනි වරට, WCAG පරීක්ෂකය නිසා, ආරක්ෂිතව ප්‍රවේශය ඇති වෙබ් අඩවි නිර්මාණය කිරීම පහසු වේ, එය අන්තර්ජාල අඩවි අනුග්‍රහය වැඩි කරයි. තෙවැනි වරට, Tailwind සහ SCSS ආකාරයන්ට සෘජුවම අපනයන කළ හැකි නිසා, අපගේ දේශීය තාක්ෂණ සමාජයෙහි ප්‍රජාතන්ත‍්‍රවාදී කේත පසුබැසීම (open‑source) ව්‍යාපාරිකයන්ට වඩාත් හොඳ පදනමක් සපයයි.

ඉදිරියේදී, PaletteCSS භාවිතයෙන් ශ්‍රී ලංකාවේ තාක්ෂණික නිෂ්පාදන වර්ධනයට තවත් තාරකාවක් එක් කර ගැනීමට අපේක්ෂා කරමු.

💡 ඔබේ වර්ණ පලට්ටුව අදම නිර්මාණය කරන්න!
මූලාශ්‍රය මෙම ලිපිය AI මගින් රචිත මුල් සාරාංශයකි. සම්පූර්ණ වාර්තාව කියවන්න:
Dev.to ↗
#PaletteCSS #ColorTool #WebDev #CSS #Tailwind