Конвертер Цветов HEX RGB

Конвертируйте между HEX, RGB, HSL и другими форматами цвета мгновенно. Бесплатно, точно, без регистрации.

Мгновенные результаты📱 Мобильная версия🌍 15 языков

#1A2B3C

rgb(26, 43, 60)

hsl(210°, 40%, 17%)

Red
Green
Blue

Этот калькулятор предоставляет мгновенные и точные вычисления в данной области. Введите свои данные и сразу получите результаты с понятным объяснением. Этот бесплатный инструмент работает полностью в вашем браузере — никаких передач данных, никакой регистрации.

Точные вычисления в данной области требуют понимания лежащих в основе формул и стандартов. Наш калькулятор применяет наиболее признанные методы, рекомендованные международными организациями и научным сообществом. Результаты полезны для личных финансов, контроля здоровья, технических проектов или образовательных целей. Инструмент обрабатывает ваши данные локально, сохраняя конфиденциальность. Сочетайте с другими нашими калькуляторами для более полного анализа. Бесплатно, без регистрации.

Why does the web use hexadecimal colour codes?

Web colours are expressed as hexadecimal (hex) codes because they provide a compact way to represent RGB colour values. Each colour channel (Red, Green, Blue) has 256 possible values (0–255), which maps exactly to two hexadecimal digits (00–FF). So #FF5733 means R=255 (FF), G=87 (57), B=51 (33). The hex format was chosen for HTML in the early 1990s because it is shorter than writing rgb(255, 87, 51) and easier to parse by browsers. Today CSS supports both formats, plus hsl(), oklch() and named colours like tomato or rebeccapurple.

Why designers prefer HSL for colour reasoning

HSL (Hue, Saturation, Lightness) is often preferred by designers because its components map directly to human colour perception. Hue (0–360°) is the colour wheel position: 0°=red, 120°=green, 240°=blue. Saturation (0–100%) controls intensity: 0% is greyscale, 100% is vivid. Lightness (0–100%) controls brightness: 0% is black, 50% is the "pure" colour, 100% is white. To create a lighter variant of a brand colour, simply increase lightness; for a darker variant, decrease it — without needing to decode RGB values. Our converter shows all three representations simultaneously. Pair with our Binary Converter to understand the mathematical foundations of digital colour.

Часто задаваемые вопросы