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

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

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

HEX

#ca4e4e

Chestnut Rose

HEX
#ca4e4e
HSL
0, 54, 55
RGB
202, 78, 78
XYZ
28, 19, 9
CMYK
0, 61, 61, 21
LUV
50,105,21,
LAB
50, 49, 26
HWB
0, 31, 21

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

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

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

ស្រមោល

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

ថ្នាំលាបពណ៌

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

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

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

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

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

បន្សំពណ៌

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

របៀបប្រើ

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

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

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

បំពេញបន្ថែម

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

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

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

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

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

ទ្រីយ៉ាឌីក

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

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

អាណាឡូក

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

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

Monochromatic

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

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

តេត្រាឌីក

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

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

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

តុល្យភាព

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

កម្រិតពណ៌

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

ភាពសុខដុម

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

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

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

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

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

- Albert Einstein

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

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

ការវិភាគពណ៌

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

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