Конвертер кольорів

Безкоштовний онлайн-інструмент convert between color formats instantly. free online color converter supports hex, rgb, hsl, hsv, cmyk, and named colors. get color previews and accessibility info. no sign-up.

Що таке Конвертер кольорів?

A powerful developer tool designed to help you work more efficiently. Color Converter provides accurate results instantly with a clean, intuitive interface. Perfect for developers, engineers, and IT professionals.

Формула

HEX → RGB: split #RRGGBB into decimal значенняs

RGB → HSL: normalize RGB → find hue/saturation/lightness

HSL → RGB: конвертувати via chroma формулаs

HEX: #RRGGBB (0-255 each)

RGB: rgb(R, G, B) (0-255)

HSL: hsl(H°, S%, L%) (H: 0-360, S/L: 0-100)

Як розрахувати

Enter your input in the field above.
Configure any available options to customize the output.
View the results instantly with real-time updates.
Copy or export your results for use in your projects.

Приклад

введення: #FF5733 (HEX) → RGB: rgb(255, 87, 51) → HSL: hsl(11, 100%, 60%). введення: hsl(200, 50%, 50%) → RGB: rgb(64, 149, 191) → HEX: #4095BF.

Ключові переваги

Get accurate results instantly in your browser.
Save time with real-time calculations as you type.
No data leaves your device - complete privacy.
Free to use on any device, no sign-up required.

Поширені помилки

Забування префікса # для HEX-кольорів
Using RGB значенняs above 255 or below 0
Плутання діапазону відтінку HSL (0-360) з RGB (0-255)

Поради

Use HSL for intuitive колір adjustments
Використовуйте HEX for CSS compatibility
Use the preview to verify ваш колір before using it
Keep a reference of поширений колір conversions

Ключові терміни

HEX: шістнадцяткове представлення RGB
RGB: Red Green Blue колір модель
HSL: модель відтінку, насиченості та яскравості
колір space: Mathematical модель for колірs

Типові випадки використання

конвертуватиing CSS колір значенняs
Creating колір schemes from base колірs
збігing design system колірs
Розуміння кольорових відносин через HSL

Часті запитання

Що таке the difference between HEX, RGB, and HSL?

HEX is a 6-digit hexadecimal representation (#FF0000). RGB defines колірs as red/green/blue значенняs (rgb(255, 0, 0)). HSL uses hue, saturation, and lightness (hsl(0, 100%, 50%)).

Which колір формат should I use?

HEX is most поширений in web development for simple колірs. RGB gives fine control over колір channels. HSL is most intuitive for humans — adjust hue for different колірs, saturation for intensity, and lightness for brightness.

Що таке the HSL advantage?

HSL is more human-readable. ви can create колір schemes by keeping S and L constant while varying H. For приклад, hsl(0, 50%, 50%) = red, hsl(120, 50%, 50%) = green, hsl(240, 50%, 50%) = blue.

Пов'язані інструменти

Співвідношення Сторін

Часті запитання

Що таке the difference between HEX, RGB, and HSL?

HEX is a 6-digit hexadecimal representation (#FF0000). RGB defines колірs as red/green/blue значенняs (rgb(255, 0, 0)). HSL uses hue, saturation, and lightness (hsl(0, 100%, 50%)).

Which колір формат should I use?

Що таке the HSL advantage?