Цветовые гармонии

Контрастность (WCAG)

Загрузка... -

Дизайн-токены

/* CSS Custom Properties */ :root { --color-primary: oklch(0.58 0.236 29.54); --color-primary-hover: oklch(0.62 0.236 29.54); --color-primary-active: oklch(0.52 0.236 29.54); --color-primary-light: oklch(0.85 0.15 29.54); --color-primary-dark: oklch(0.35 0.236 29.54); --color-primary-text: oklch(0.95 0.02 29.54); --color-secondary: oklch(0.58 0.236 209.54); --color-background: oklch(0.95 0.02 29.54); --color-surface: oklch(0.98 0.01 29.54); --color-border: oklch(0.85 0.05 29.54); }

Экспорт в Figma

{ "colorPrimary": { "value": "oklch(0.58 0.236 29.54)", "type": "color", "description": "text_brand_here" }, "colorPrimaryHover": { "value": "oklch(0.62 0.236 29.54)", "type": "color", "description": "text_hover_here" }, "colorPrimaryActive": { "value": "oklch(0.52 0.236 29.54)", "type": "color", "description": "text_active_here" }, "colorPrimaryText": { "value": "oklch(0.95 0.02 29.54)", "type": "color", "description": "text_main_bg_here" } }

OKLCH: Революция в цифровых цветах

OKLCH — современная цветовая модель, меняющая подход к работе с цветом в веб-дизайне. Основана на человеческом восприятии. Почему OKLCH стал стандартом 2026: Предсказуемость, Естественность, Производительность, Гибкость. Идеально для CSS и современных браузеров. Сохраните в закладках — мы обновляем инструменты!

Конвертер OKLCH → HEX + Picker для дизайнеров

OKLCH: Революция в цифровых цветах