Color Blindness
Color Vision Deficiency
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)