HEX を RGBA に変換
HEXコードをrgba()の値に変換。アルファの数値を編集すれば半透明にできます。
hex 入力
結果 · RGBA
rgba(255, 61, 114, 1)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
使い方: HEX を RGBA に変換
- 1
色を入力する
カラーコードを入力するか、カラーピッカーで色を選びます。各フィールドには表示されている形式で入力できます。
- 2
変換結果を確認する
入力と同時に結果が更新され、色のライブプレビューも表示されます。
- 3
コードをコピーする
必要な値をワンクリックでコピーし、デザインや CSS、印刷設定に貼り付けます。
HEXとRGBAについて
RGBAは、RGBに4つ目の要素であるアルファを加えたもので、不透明度を0（完全に透明）から1（完全に不透明）で設定します。#6A5ACDのような標準的な6桁のHEXコードには透明度の情報がないため、このツールはrgba(106, 90, 205, 1)、つまり同じ色を不透明度100％で返します。
透けさせたい場合は、最後の数値を変えましょう。rgba(106, 90, 205, 0.5)は半透明、0.15ならほんのり色付きになります。これは、別の明るい色を定義することなく、写真へのオーバーレイ、控えめな影、ホバー時のハイライト、半透明の背景を作る一般的な方法です。opacityプロパティとは異なり、rgba()のアルファはその色だけに影響するため、半透明のボックス内の文字はくっきりしたままです。
最新のCSSでは#6A5ACD80のようなアルファ付きの8桁のHEXコードも使えますが、rgba()のほうが読みやすく編集しやすいうえ、古いブラウザやメールソフトでも使えます。
すべての処理はブラウザ内で完結します。画像がサーバーにアップロードされることはありません。