Инструмент преобразования цветовых кодов
Панель вывода:
Описание инструмента преобразования цветов

Все еще боретесь с преобразованием цветовых кодов RGB, HEX, HSL? Этот инструмент преобразования цветов именно для вас!

Поддерживается преобразование различных форматов цветов:

  • Преобразование RGB-цвета:Например rgb(255, 0, 0)
  • Преобразование RGBA-цвета:Например rgba(255, 0, 0, 0.5)
  • Преобразование HEX-цвета:Например #ff0000
  • Преобразование HSL-цвета:Например hsl(0, 100%, 50%)
  • Преобразование HSLA-цвета:Например hsla(0, 100%, 50%, 0.5)
  • Преобразование HSV-цвета:Например hsv(0, 100%, 100%)
  • Преобразование HSVA-цвета:Например hsva(0, 100%, 100%, 0.5)
  • Преобразование цветовых ключевых слов:Например red, blue, green

Простой в использовании, легко преобразовывать цвета:

  1. Введите цветовой код, который вы хотите преобразовать, в поле ввода.
  2. Нажмите кнопку "Преобразовать", чтобы выполнить преобразование цвета.
  3. Все соответствующие цветовые коды в различных форматах будут отображены на панели вывода.

Экономия времени и эффективности:

Больше не нужно вручную рассчитывать или искать цветовые коды, этот инструмент преобразования цветов сэкономит ваше драгоценное время и усилия, чтобы вы могли сосредоточиться на более важных задачах проектирования.

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

Что такое RGB?

RGB означает Red (красный), Green (зеленый), Blue (синий) и Alpha (непрозрачность). В этом случае диапазон чисел r, g, b составляет 0 ~ 255, диапазон процентов составляет 0 ~ 100%, a составляет 0 ~ 1. Например: rgb(255, 0, 0), rgb(255 0 0), 255,0,0, rgba(255, 0, 0, 0.5), rgba(255 0 0 0.5).

Что такое HEX?

HEX-цветовые коды используют шестнадцатеричное представление цвета, обычно начинаются с символа # и за ним следуют 6 шестнадцатеричных цифр, представляющих интенсивность красного, зеленого и синего цветов соответственно. Например, #ff0000 представляет красный цвет, #00ff00 представляет зеленый цвет, #0000ff представляет синий цвет.

Что такое HSL?

HSL означает Hue (оттенок), Saturation (насыщенность) и Lightness (яркость). Оттенок представляет собой тип цвета, например, красный, зеленый, синий и так далее, выраженный в градусах, в диапазоне от 0 до 360 градусов; Насыщенность представляет собой яркость цвета, выраженная в процентах, в диапазоне от 0% до 100%; Яркость представляет собой яркость или тусклость цвета, выраженная в процентах, в диапазоне от 0% до 100%. Например, hsl(0, 100%, 50%) представляет красный цвет, hsl(120, 100%, 50%) представляет зеленый цвет, hsl(240, 100%, 50%) представляет синий цвет.

Что такое цветовые ключевые слова?

Цветовые ключевые слова - это некоторые предопределенные цветовые имена, например, red, green, blue, black, white и т. д. Эти цветовые ключевые слова можно использовать напрямую в CSS, представляя соответствующие цветовые значения.

Попробуйте сейчас, избавитесь от проблем с преобразованием цветов!