ProUtils

HEXアルファ変換

色の不透明度をHEX8、RGBA、HSLA値へ変換します。

このツールについて

基準色と不透明度を、CSS変数、デザイントークン、コンポーネントスタイルで使える形式に変換します。

オーバーレイ、ボーダー、フォーカスリング、透明背景に必要なアルファ値を作る時に便利です。

HEX
#2563EBB8
RGBA
rgba(37, 99, 235, 0.72)
HSLA
hsla(221, 83%, 53%, 0.72)

使い方

  1. 1

    必要な値を入力するか、テキストを貼り付けます。

  2. 2

    オプションや単位を目的に合わせて調整します。

  3. 3

    表示された結果を確認し、必要な場所へコピーして使います。

機能

即時結果

値を入力するとブラウザ内で結果がすぐに更新されます。

ブラウザ内処理

入力値はサーバーへアップロードせず、端末内で処理されます。

シンプルな入力

繰り返し使いやすい入力欄と見やすい結果を用意しています。

無料で利用

登録やインストールなしでそのまま使えます。

主な用途

  • ブランドカラーを透明度付きCSS値へ変換します。
  • 不透明度の割合をHEX8アルファ値に変換します。
  • UI状態に使うRGBAとHSLA値を準備します。

関連ツール

開発者ツール