rgba 透明度ジェネレーター

色と透明度を調整して、rgba() や hsla() のCSSコードを生成できます。

設定

50%

トップページへ戻る

プレビュー

生成コード

rgba() rgba(0, 184, 184, 0.5)
hsla() hsla(180, 100%, 36%, 0.5)
8桁HEX #00b8b880

CSS使用例

HEX / RGB / HSL 変換ツールHEX、RGB、HSL のカラーコードを相互変換できます。カラーパレット生成ツールベースカラーから、相性のよい配色パレットを生成できます。コントラストチェックツール文字色と背景色のコントラスト比を確認し、読みやすい配色かチェックできます。

色を探したいときは KOBEYA LAB 色辞典をご利用ください。