test color

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).

Max line width: 72ch

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.

✎ Edit Post ↑ Top Up