Калькулятор прозрачности

Это калькулятор прозрачности. Задайте alpha у HEX, получите rgba() / HEX8 / hsla() и сведите наложение на фон в сплошной HEX.

Примеры — нажмите образец

На шахматке

На фоне

Нажмите значение, чтобы скопировать

Строка: передний план фон alpha, например #3B82F6 #FFFFFF 0.5. Пример — три строки; в таблице сплошной HEX и rgba().

Калькулятор прозрачности

Это калькулятор прозрачности. Задайте alpha у HEX, получите rgba() / HEX8 / hsla() и сведите наложение на фон.

Как пользоваться

  1. Передний план и фон: HEX, пипетка, случайный, пример или пиксель.
  2. Alpha 0–1, 0–255 или %. Ползунок 0–100%. Пресеты 10–90%.
  3. Шахматка показывает rgba(). Другая полоса — на фоне. Большой образец — сплошной HEX.
  4. Пример: #3B82F6 на 50% на белом. Копировать результат копирует rgba().

Замечания

HEX8 или rgba() с alpha двигают ползунок. 0 — фон, 1 — передний план. Связанное: HEX to RGBA, tint и shade.

Где применять

  • Оверлеи и стеклянные карточки.
  • Свести токен Figma для письма.

Вопросы

50% — это 50% tint?

Только на белом.

rgba() или opacity?

rgba() — один цвет. opacity затрагивает весь элемент.