Конвертер кольорів
Встав колір у форматі HEX, RGB, RGBA або HSL і миттєво конвертуй його з попереднім переглядом.
Встав HEX, RGB, RGBA або HSL, щоб миттєво конвертувати значення.
HEX
RGB
RGBA
HSL
Що таке Color Converter?
Color Converter допомагає перетворювати кольори між найпоширенішими форматами: HEX, RGB, RGBA та HSL.
Це корисно для frontend-розробки, UI-дизайну, роботи з CSS, брендингом і будь-яких задач, де потрібні значення кольору в різних форматах.
Як користуватися Color Converter
- Встав значення кольору, наприклад #4f46e5, rgb(79, 70, 229) або hsl(243, 76%, 59%).
- Натисни «Конвертувати», щоб отримати еквівалентні значення в інших форматах.
- За потреби зміни alpha, щоб побачити прозорість у RGBA.
- Скопіюй потрібний формат кольору.
Поради
- HEX часто використовується в CSS і design systems.
- RGBA зручний, коли потрібна прозорість елементів.
- HSL легше редагувати вручну для зміни hue, saturation і lightness.
- Live preview допомагає швидко перевірити, чи колір виглядає саме так, як потрібно.
Перевірки Color Converter перед оновленням design tokens
Conversion HEX, RGB, HSL і alpha values механічна, але accessibility, contrast, naming і browser usage все одно важливі.
Перевірте contrast
Порівняйте foreground і background colors з accessibility requirements перед використанням converted values у UI text.
Збережіть alpha intent
Перегляньте RGBA і HSLA opacity, бо transparent colors залежать від background behind them.
Нормалізуйте token names
Використовуйте consistent naming для brand, semantic, state і surface colors під час перенесення у design system.
Тестуйте in context
Preview converted colors у components, dark mode, hover states, charts і disabled states перед shipping.
Пов’язані інструменти
Можливо, тобі також стануть у пригоді ці інструменти.