🎨
Opacity Calculator
opacity calculator
不透明度計算機
さまざまな不透明度で色をプレビューし、合成hex値を取得します
100%
#FFFFFF 上の合成結果
#3B82F6
rgb(59, 130, 246)
不透明度スケール
100%
#3B82F6
90%
#4F8FF7
80%
#629BF8
70%
#76A8F9
60%
#89B4FA
50%
#9DC1FB
40%
#B1CDFB
30%
#C4DAFC
20%
#D8E6FD
10%
#EBF3FE
使い方
- 1
前景色と背景色を選びます。
- 2
不透明度を調整します。
- 3
合成されたhex値を確認します。
FAQ
このツールは無料ですか？
はい、登録もインストールも不要で、すぐに完全無料で使えます。
このツールはどんなツールですか？
色を最も近いTailwindクラスに対応させたり、不透明度の値を求めたりできる、開発者向けの便利な色のツールです。スタイリング時の手間を減らせます。すべてブラウザ内で動作します。