Color Comfort Lab — Reading Themes (Live Contrast Check)
Test 5 themes for reading comfort. JS shows WCAG contrast for Body text & Links. Your brand accent #63a625 is used only as an accent (not as body text on bright backgrounds).
Dark Navy#0b0f19 · #e5e7eb · link #63a625
ចំណងជើងគំរូ (Heading)
អត្ថបទគំរូសម្រាប់ការអានយប់—ពណ៌ភ្លឺស្រាលជាមួយខ្សែបន្ទាត់ 1.75–1.85 ងាយភ្នែក។ តំណភ្ជាប់នេះ ងាយមើលឃើញ។
- Bullet ១ — ចន្លោះក្បាល→អានស្រួល
- Bullet ២ — មិនមាន glare ខ្ពស់
✅ Brand green works well on this dark background.
Deep Green#1B5E20 · #f0f5f2 · link #c8efb0
ចំណងជើងគំរូ
ប្រើអក្សរពណ៌សស្រាល ដោយជៀសវាងអក្សរពណ៌បៃតងលើបៃតង។ តំណភ្ជាប់ស្រាល មាន contrast ល្អ។
- Muted text សម្រាប់ចំណាំតិចតួច
⚠️ កុំប្រើ #63a625 ជា body text លើផ្ទៃបៃតងនេះ (contrast ទាប)។
Deep Gray#333333 · #e5e7eb · link #7ac933
ចំណងជើងគំរូ
ផ្ទៃប្រផេះជ្រៅជាមួយអក្សរពណ៌សស្រាល។ តំណពណ៌បៃតងស្រាល ជំនួស #63a625 ដើម្បីឲ្យ contrast ឆ្លើយតាម។
✅ #7ac933 ឬ #74c02f ផ្គូផ្គង WCAG AA លើ #333333។
Slate #606060#606060 · #e5e7eb · link #e5e7eb
ចំណងជើងគំរូ
លើ #606060 កុំប្រើតំណបៃតងខ្មៅ (#63a625) ព្រោះ contrast ទាប។ ប្រើ តំណពណ៌សស្រាល មាន underline ជំនួស។
✅ Link ស ឬ បៃតងស្រាលខ្លាំង (#c0f59a) បើចង់រក្សា tone បៃតង។
Kindle Beige#f5f5dc · #1f2937 · link #245a11
ចំណងជើងគំរូ
ផ្ទៃពណ៌ទៀនសម្រាប់អានយប់ ឬពេលភ្នែកលះ។ Link បៃតងងងឹត #245a11 មាន contrast ល្អជាង #63a625 លើ beige។
⚠️ #63a625 ជា link លើ beige ≈ 2.7:1 (Fail) — សូមប្រើ #245a11/#1B5E20។
WCAG AA thresholds: 4.5:1 (body text), 3:1 (large ≥18.66px/24px). Bars show ratio / 21.
Tags:
test