What is Color Blindness?

Color Blindness — อภิธานศัพท์

A condition affecting ~8% of men where certain color differences are difficult or impossible to perceive.

รายละเอียดทางเทคนิค

Color Blindness is a foundational concept in visual design theory. It influences how users perceive and interact with interfaces, affecting readability, hierarchy, and aesthetic appeal. The design principles behind color blindness are codified in systems like Material Design 3, Apple's Human Interface Guidelines, and the W3C's Web Content Accessibility Guidelines. Implementing color blindness correctly requires balancing aesthetic intent with accessibility requirements and cross-platform consistency.

ตัวอย่าง

```css
/* Color Blindness: design specification example */
.component {
  font-family: Inter, system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #1a1a1a;
  padding: 1rem 1.5rem;
}
```

เครื่องมือที่เกี่ยวข้อง

C Color Palette Generator T Type Scale Generator S Spacing Scale Generator R Responsive Breakpoints A Aspect Ratio Calculator C Color Shade Generator F Font Pairing Suggestions C Contrast Checker D Design Tokens Generator S Social Media Size Guide G Golden Ratio Calculator A App Icon Size Guide C CSS Color Converter S Shadow System Generator M Multi-Stop Gradient Generator C CSS Pattern Generator

คำศัพท์ที่เกี่ยวข้อง

Color Space Color Profile Color Grading Color Function Color Mix Color Wheel Complementary Colors Analogous Colors Triadic Colors Contrast Ratio Negative Space Visual Hierarchy Grid System Typeface Font Weight Tracking Golden Ratio Wireframe Mockup Responsive Design Affordance HSL Design Token Modular Scale Baseline Grid Gestalt Principles Hick's Law Fitts's Law Monochromatic Color Split-Complementary Accessibility Material Design Design System Information Architecture Prototype Color Temperature Rule of Thirds Color Management (PDF)