កម្មវិធីបង្កើត Color Palette ឥតគិតថ្លៃ

វាដំណើរការដោយរបៀបណា

ឧបករណ៍ត្រូវបានបង្កើតជាមួយបណ្ណាល័យខាងក្រៅសូន្យ — គណិតវិទ្យាពណ៌ទាំងអស់ដំណើរការជា JavaScript សរសេរដោយដៃដោយផ្ទាល់នៅក្នុងកម្មវិធីរុករករបស់អ្នក។ វាបម្លែងពណ៌ដែលអ្នកជ្រើសរើសរវាង hex និង HSL រួចអនុវត្តច្បាប់ភាពសម្របជាមួយន័យពណ៌បុរាណ (បំពេញគ្នា ត្រីកោណ ស្រដៀង ។ល។) តាមគណិតវិទ្យាលើកង់ hue ដើម្បីផលិតក្រុមពណ៌នីមួយៗ។

1. 1
   ការបម្លែង Hex-ទៅ-HSL

   នៅពេលអ្នកជ្រើសរើសពណ៌ ឧបករណ៍ញែក string hex ទៅសមាសធាតុ RGB ហើយបម្លែងពួកវាទៅ HSL (hue, saturation, lightness)។ Hue ជាទីតាំងអង្សា 0–360 នៅលើកង់ពណ៌; គណិតវិទ្យាក្រុមពណ៌ទាំងអស់កើតឡើងនៅលំហនេះ។
2. 2
   គណិតវិទ្យា hue សម្រាប់ភាពសម្រប

   ប្រភេទក្រុមពណ៌នីមួយៗជារូបមន្តបង្វិលថេរអនុវត្តទៅ hue គោល។ បំពេញគ្នាបូក 180°, ត្រីកោណបូក 120° និង 240°, ចតុកោណជំហាន 90°, ការបំបែក-បំពេញគ្នាប្រើ 150° និង 210°។ ពណ៌តែមួយ និងស្រមោលរក្សា hue និង saturation ថេរខណៈជំហានភាពភ្លឺឡើង និងចុះ។
3. 3
   លទ្ធផល HSL-ទៅ-hex

   HSL triplet ដែលបានគណនានីមួយៗត្រូវបានប្តូរត្រឡប់ទៅពណ៌ hex ដោយប្រើរូបមន្ត chroma ស្តង់ដារ។ លទ្ធផលបង្ហាញជាឆ្នូតពណ៌ជាមួយស្លាក auto-contrasted (អត្ថបទងងឹតលើ swatch ភ្លឺ អត្ថបទភ្លឺលើ swatch ងងឹត) កំណត់ដោយកម្រិត luminance សាមញ្ញ។
4. 4
   នាំចេញជាទម្រង់ដែលអ្នកចង់បាន

   ក្រុមពណ៌អាចត្រូវបានចម្លងជា string hex ឬនាំចេញជាឯកសារអថេរ CSS (:root { --color-1: … }), អថេរ SCSS, ខ្លីៗការកំណត់ Tailwind, វត្ថុ JSON ឬឆ្នូតពណ៌ PNG។ ការនាំចេញ PNG ប្រើ Canvas API របស់កម្មវិធីរុករក (toDataURL) ដើម្បីគូរ swatch នីមួយៗជាមួយស្លាក hex របស់វា — អ្វីៗទាំងអស់ត្រូវបានបង្កើតនៅក្នុងស្រុកនៅពេលចុច។

ឧបករណ៍ពាក់ព័ន្ធ