透明度計算

透明度計算

透明度を計算するツールです。HEX に alpha を付けて rgba() / HEX8 / hsla() を出し、背景に重ねて実色 HEX にします。

使い方

1. 前景と背景に HEX、色塊、ランダム、例、対応ブラウザでは画面取色。
2. 透明度は 0–1、0–255、%。スライダーは 0–100%。プリセットは 10%、25%、50%、75%、90%。
3. 格子は rgba() 単体。もう一方は背景の上。大きな色塊が実色です。
4. rgba()、hsla()、HEX8、実色 HEX、CSS 変数をコピー。例は #3B82F6 を 50% で白の上。結果のコピーは rgba() です。
5. 一括は 1 行に前景・背景・透明度。例を入れると 3 行。

注意事項

#3B82F680 や alpha 付き rgba() を貼るとスライダーが変わります。0 は背景、1 は前景。要素の opacity は子も薄くします。sRGB の合成です。関連：HEX を RGBA、ティント／シェード。

こんなときに

• オーバーレイやガラスカード。
• Figma の半透明をメール用の実色にする。
• 白と暗いスレートの上で 50% のブランド色を見る。

よくある質問