Конвертер цветов
Мгновенно конвертируйте цвета между форматами HEX, RGB и HSL.
Конвертер цветов мгновенно переводит значения цвета между наиболее распространёнными форматами, используемыми в веб- и графическом дизайне: HEX (#rrggbb), RGB (красный, зелёный, синий), HSL (тон, насыщенность, яркость) и HSB/HSV. Каждый формат имеет свои преимущества — HEX компактен и широко применяется в CSS, а HSL более интуитивен при выборе оттенков.
Введите значение цвета в любом поддерживаемом формате, и инструмент автоматически вычислит и отобразит эквивалентные значения во всех других форматах одновременно. Живой предпросмотр цвета позволяет визуально подтвердить результат.
Инструмент полезен для дизайнеров, переносящих цвета между Figma, Photoshop и кодом, а также для разработчиков, обеспечивающих единство цветов в таблицах стилей. Все преобразования выполняются в браузере.
Часто задаваемые вопросы
Реализация кода
import colorsys
# HEX → RGB
def hex_to_rgb(hex_color: str) -> tuple[int, int, int]:
hex_color = hex_color.lstrip("#")
r, g, b = (int(hex_color[i:i+2], 16) for i in (0, 2, 4))
return r, g, b
# RGB → HEX
def rgb_to_hex(r: int, g: int, b: int) -> str:
return f"#{r:02X}{g:02X}{b:02X}"
# RGB → HSL (uses colorsys, which returns 0–1 floats)
def rgb_to_hsl(r: int, g: int, b: int) -> tuple[float, float, float]:
h, l, s = colorsys.rgb_to_hls(r / 255, g / 255, b / 255)
return round(h * 360, 1), round(s * 100, 1), round(l * 100, 1)
# Example
r, g, b = hex_to_rgb("#3B82F6")
print(f"RGB: {r}, {g}, {b}") # RGB: 59, 130, 246
print(rgb_to_hex(r, g, b)) # #3B82F6
h, s, l = rgb_to_hsl(r, g, b)
print(f"hsl({h}, {s}%, {l}%)") # hsl(217.0, 91.2%, 59.8%)Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.