汎用ツール / 09
HEXからRGB
3, 4, 6, または 8桁のHEX表記をRGB各チャンネルに変換します。
HEXからRGB: TOEAは短縮表記を展開し、各チャンネルの16進数値を10進数に変換します。期待される入力はHEXカラーコードです。 サーバーへのファイルアップロードは一切なく、100%ブラウザ内でローカル実行します。
- カテゴリ
- 日常ツール
- 実行回数
- ブラウザ内で
- コスト
- 無料 · 登録不要
- 提供状況
- すぐに使えます
完全にブラウザ内で実行します
結果
ローカル計算HEX: #63C42D RGB: rgb(99, 196, 45) HSL: hsl(99, 63%, 47%)
アルファチャンネル付きのコード
4桁および8桁のコードでは、末尾の数字が透明度を表します。#63C42D80は不透明度が約50%の色です。16進数の80は255分の128にあたります。CSSでは同じ色をrgb(99 196 45 / 0.5)と表せます。Androidからコードを取得した場合は順番に注意してください。Androidでは色の値が#AARRGGBBのようにアルファを先頭に置くため、#8063C42Dが同じ色になります。これをCSSとして読むと、まったく別の色になります。
チャンネル値を使う
現在のCSSでは、従来のコンマ形式だけでなく、スペースを使ったrgb(99 196 45)も使用できます。また、rgba()は現在ではrgb()の別名にすぎません。--brand: 99 196 45のようにカスタムプロパティへ3つの数字だけを保存すると、rgb(var(--brand) / 0.2)によって、1つの色を任意の不透明度で再利用できます。多くのグラフィックソフトやアプリのフレームワークでは、各チャンネルを0から255ではなく0から1で指定します。255で割ると、196は約0.769になります。
使い方
- HEXカラーを入力します。
- 変換されたRGB値をリアルタイムで確認します。
- 結果をコピーします。
プライバシーと制限事項
変換処理は完全にローカルで行われます。
関連ツール
よくある質問
このツールは入力をアップロードしますか？
いいえ。処理は現在のブラウザのタブ内で完結します。
先頭の#は必須ですか？
いいえ。コンバーターは#があってもなくても受け付けます。
無料ツール · ブラウザ内で · アカウント不要