CanDoYaすべてブラウザー内で動作します。アップロードも登録も不要です。
#4F46E54F46E5赤、緑、青の各値を10進数から2桁の16進数へ変換し、3組を#の後に並べます。RGB(255, 87, 51)はFF、57、33になるため、HEXカラーは#FF5733です。この変換ツールなら計算は入力と同時に完了し、透明度用のアルファ値も追加できます。
rgb()宣言にある値を簡潔なHEXカラーへ変換するとき。RGBの各チャンネルには0から255までの10進数を使います。HEXは同じ3つのsRGBチャンネルを、00からFFまでの16進数2桁で表します。値を直接入力するか、スライダーやプリセットを使ってください。プレビューをクリックすれば、ブラウザのカラーピッカーでも選べます。8桁の#RRGGBBAA形式が必要な場合は透明度を有効にします。変換はブラウザ内で処理されます。データの送信やアカウント登録はありません。
| RGB | HEX |
|---|---|
| rgb(255, 0, 0) | #FF0000 |
| rgb(0, 128, 255) | #0080FF |
| rgb(15, 23, 42) | #0F172A |
はい。登録、ダウンロード、回数制限なしで無料で使えます。RGB値を入力するか、スライダーやカラーピッカーで色を選び、結果をすぐにコピーできます。
いいえ。RGBからHEXへの変換は簡単な計算で、すべてブラウザ内で行われます。入力した色の値が外部の変換サービスへ送信されることはありません。
赤、緑、青の各チャンネルに0から255までの整数を入力します。0はそのチャンネルを含まない状態、255は最大の強さです。小数、空欄、範囲外の値は、勝手に変更せずエラーとして表示します。
各RGBチャンネルの10進数を16進数へ変換し、2桁になるよう先頭を0で補います。先頭に#を付け、赤、緑、青の順に並べます。rgb(255, 87, 51)ならFF、57、33となり、#FF5733です。
はい。CSSは8桁の#RRGGBBAA形式に対応しています。最後の2桁がアルファ値で、00は完全な透明、FFは完全な不透明です。透明度を有効にすると、パーセント値が最後の2桁へ変換されます。
いいえ。CSSのHEX値は大文字と小文字を区別しないため、#FF5733と#ff5733は同じ色です。このツールではチャンネルごとの組を読みやすくするため大文字で表示しますが、CSSやHTMLではどちらも使えます。
アルファチャンネルには00からFFまで256個のバイト値があります。255の半分は127.5で、128に丸められます。10進数の128は16進数で80なので、不透明度50パーセントでは最後に80が追加されます。