អ្នកបង្កើតកូដពណ៌ & អ្នកជ្រើសរើស

បង្កើតលេខកូដពណ៌ ការប្រែប្រួល ភាពចុះសម្រុងគ្នា និងពិនិត្យមើលសមាមាត្រកម្រិតពណ៌។

ការបំប្លែងពណ៌

HEX

#9b8f7a

Pale Oyster

HEX
#9b8f7a
HSL
38, 14, 54
RGB
155, 143, 122
XYZ
27, 28, 22
CMYK
0, 8, 21, 39
LUV
60,18,20,
LAB
60, 1, 13
HWB
38, 48, 39

ការប្រែប្រួល

គោលបំណងនៃផ្នែកនេះគឺដើម្បីបង្កើតបានត្រឹមត្រូវនូវពណ៌ (បន្ថែមពណ៌សសុទ្ធ) និងស្រមោល (បន្ថែមពណ៌ខ្មៅសុទ្ធ) នៃពណ៌ដែលអ្នកបានជ្រើសរើសក្នុងចំនួន 10% បន្ថែម។

គន្លឹះគាំទ្រ៖ ប្រើស្រមោលសម្រាប់ដាក់លើស្ថានភាព និងស្រមោល ពណ៍សម្រាប់រំលេច និងផ្ទៃខាងក្រោយ។

ស្រមោល

បំរែបំរួលងងឹតដែលបង្កើតឡើងដោយបន្ថែមពណ៌ខ្មៅទៅពណ៌មូលដ្ឋានរបស់អ្នក។

ថ្នាំលាបពណ៌

បំរែបំរួលស្រាលជាងមុនដែលបង្កើតឡើងដោយបន្ថែមពណ៌សទៅពណ៌មូលដ្ឋានរបស់អ្នក។

ករណីប្រើប្រាស់ទូទៅ

  • សមាសធាតុ UI បញ្ជាក់ (ដាក់លើ, សកម្ម, បិទ)
  • បង្កើតជម្រៅជាមួយស្រមោល និងគំនួសពណ៌
  • ការកសាងប្រព័ន្ធពណ៌ដែលជាប់លាប់

ការណែនាំអំពីប្រព័ន្ធ

ការប្រែប្រួលទាំងនេះបង្កើតជាមូលដ្ឋានគ្រឹះនៃក្ដារលាយពណ៌ដែលស្អិតរមួត។ នាំចេញពួកវាដើម្បីរក្សាភាពស៊ីសង្វាក់គ្នាលើគម្រោងទាំងមូលរបស់អ្នក។

បន្សំពណ៌

ភាពសុខដុមរមនានីមួយៗមានអារម្មណ៍ផ្ទាល់ខ្លួន។ ប្រើភាពចុះសម្រុងគ្នាដើម្បីបំផុសគំនិតបន្សំពណ៌ដែលដំណើរការជាមួយគ្នាបានល្អ។

របៀបប្រើ

ចុចលើពណ៌ណាមួយដើម្បីចម្លងតម្លៃគោលដប់ប្រាំមួយ។ បន្សំទាំងនេះត្រូវបានបង្ហាញដោយគណិតវិទ្យាដើម្បីបង្កើតភាពសុខដុមដែលមើលឃើញ។

ហេតុអ្វីបានជាវាសំខាន់

ភាពចុះសម្រុងគ្នានៃពណ៌បង្កើតតុល្យភាព និងធ្វើឱ្យអារម្មណ៍ជាក់លាក់នៅក្នុងការរចនារបស់អ្នក។

បំពេញបន្ថែម

ពណ៌មួយ និងផ្ទុយរបស់វានៅលើកង់ពណ៌ +180 ដឺក្រេនៃពណ៌លាំៗ។ កម្រិតពណ៌ខ្ពស់។

#9b8f7a
ល្អបំផុតសម្រាប់: ការរចនាដែលមានឥទ្ធិពលខ្ពស់ CTAs ឡូហ្គោ

បំបែក - បំពេញបន្ថែម

ពណ៌មួយ និងពីរនៅជាប់នឹងការបំពេញបន្ថែមរបស់វា +/-30 ដឺក្រេនៃពណ៌លាំៗពីតម្លៃទល់មុខពណ៌ចម្បង។ ដិត​ដូច​ជា​ការ​បំពេញ​តាម​ត្រង់​ ប៉ុន្តែ​អាច​ប្រើ​បាន​ច្រើន​ជាង។

ល្អបំផុតសម្រាប់: ប្លង់រស់រវើក ប៉ុន្តែមានតុល្យភាព

ទ្រីយ៉ាឌីក

ពណ៌បីដាក់ចន្លោះស្មើគ្នាតាមកង់ពណ៌ ដែលនីមួយៗមានពណ៌លាំៗដាច់ពីគ្នា 120 ដឺក្រេ។ ល្អបំផុតដើម្បីអនុញ្ញាតឱ្យពណ៌មួយត្រួតត្រា និងប្រើពណ៌ផ្សេងទៀតជាការសង្កត់សំឡេង។

ល្អបំផុតសម្រាប់: ការរចនាគួរឱ្យអស់សំណើច, ថាមពល

អាណាឡូក

ពណ៌បីនៃពន្លឺ និងតិត្ថិភាពដូចគ្នាជាមួយនឹងពណ៌លាំៗដែលនៅជាប់គ្នានៅលើកង់ពណ៌ 30 ដឺក្រេដាច់ពីគ្នា។ ដំណើរផ្លាស់ប្តូរដោយរលូន។

ល្អបំផុតសម្រាប់: ចំណុចប្រទាក់ដែលបំផុសគំនិតដោយធម្មជាតិ និងស្ងប់ស្ងាត់

Monochromatic

ពណ៌បីនៃពណ៌លាំដូចគ្នាជាមួយនឹងតម្លៃពន្លឺ +/-50% ។ ទន់ភ្លន់និងចម្រាញ់។

ល្អបំផុតសម្រាប់: ការរចនាបែបសាមញ្ញ និងទាន់សម័យ

តេត្រាឌីក

សំណុំនៃពណ៌បន្ថែមពីរដែលបំបែកដោយពណ៌លាំៗ 60 ដឺក្រេ។

ល្អបំផុតសម្រាប់: ចម្រុះពណ៌ចម្រុះ

គោលការណ៍ទ្រឹស្តីពណ៌

តុល្យភាព

ប្រើពណ៌លេចធ្លោមួយ គាំទ្រជាមួយអនុវិទ្យាល័យ និងសង្កត់សំឡេងតិចៗ។

កម្រិតពណ៌

ធានាកម្រិតពណ៌គ្រប់គ្រាន់សម្រាប់លទ្ធភាពអាន និងភាពងាយស្រួល។

ភាពសុខដុម

ពណ៌គួរតែដំណើរការជាមួយគ្នាដើម្បីបង្កើតបទពិសោធន៍មើលឃើញរួម។

ឧបករណ៍ពិនិត្យកម្រិតពណ៌

សាកល្បង​ការ​បន្សំ​ពណ៌ ដើម្បី​ធានា​ថា​វា​បំពេញ​តាម​ស្តង់ដារ​លទ្ធភាព​ប្រើប្រាស់ WCAG សម្រាប់​ការ​អាន​អត្ថបទ។

ពណ៌អត្ថបទ
ពណ៌ផ្ទៃខាងក្រោយ
កម្រិតពណ៌
1.00
Fail
ក្រ​ណាស់
អត្ថបទតូច
✖︎
អត្ថបទធំ
✖︎
ស្តង់ដារ WCAG
AA:សមាមាត្រកម្រិតពណ៌អប្បបរមា 4.5:1 សម្រាប់អត្ថបទធម្មតា និង 3:1 សម្រាប់អត្ថបទធំ។ ទាមទារសម្រាប់គេហទំព័រភាគច្រើន។
AAA:សមាមាត្រកម្រិតពណ៌ដែលប្រសើរឡើងនៃ 7: 1 សម្រាប់អត្ថបទធម្មតា និង 4.5: 1 សម្រាប់អត្ថបទធំ។ ត្រូវបានណែនាំសម្រាប់ភាពងាយស្រួលល្អបំផុត។
កម្រិតពណ៌ខ្សោយសម្រាប់ទំហំអត្ថបទទាំងអស់។

កម្មវិធីពិនិត្យកម្រិតពណ៌កម្រិតខ្ពស់

សម្រួលជាមួយគ្រាប់រំកិល ការមើលជាមុនជាច្រើន និងច្រើនទៀត

មនុស្សគ្រប់រូបគឺជា Genius ។ ប៉ុន្តែប្រសិនបើអ្នកវិនិច្ឆ័យត្រីដោយសមត្ថភាពក្នុងការឡើងដើមឈើ វានឹងរស់នៅពេញមួយជីវិត ដោយជឿថាវាល្ងង់។

- Albert Einstein

ទម្រង់បច្ចេកទេស

ទម្រង់ជាក់ស្តែង

ការវិភាគពណ៌

ឧបករណ៍ក្លែងធ្វើពិការភ្នែក

ទិដ្ឋភាពច្នៃប្រឌិត