#4133FF
タップして選択
HEX
R · G · B
R · G · B (0–255)
CSS
color: rgb(65, 51, 255);
カラーコード変換ツール
color: rgb(65, 51, 255);
HexとRGBは、Web上で同じ色を表現する2つの方法です。#4133FFのようなHexコードは赤・緑・青を6桁の文字列にまとめて表しますが、RGBは各チャンネルを0から255までの独立した数値で表します。
デザイナーはコピーしやすくコンパクトなHexコードをよく使いますが、ツールやCSSプロパティによってはRGB形式が必要になることもあります。このコンバーターを使えば、手計算せずに瞬時に両方を変換できます。
| 黒 | #000000 |
rgb(0, 0, 0) |
| 白 | #FFFFFF |
rgb(255, 255, 255) |
| 赤 | #FF0000 |
rgb(255, 0, 0) |
| 緑 | #00FF00 |
rgb(0, 255, 0) |
| 青 | #0000FF |
rgb(0, 0, 255) |
| 黄 | #FFFF00 |
rgb(255, 255, 0) |
| シアン | #00FFFF |
rgb(0, 255, 255) |
| マゼンタ | #FF00FF |
rgb(255, 0, 255) |
| グレー | #808080 |
rgb(128, 128, 128) |
| オレンジ | #FFA500 |
rgb(255, 165, 0) |
Hexカラーコードは、赤・緑・青をそれぞれ16進数で表した6桁の数値（例：#FF5733）で色を表現します。CSSやHTMLで使われる標準的なカラー形式です。
RGBは赤（Red）・緑（Green）・青（Blue）の略で、デジタル画面で使われる3つのカラーチャンネルです。各チャンネルは0から255までの数値で、rgb(255, 87, 51)は赤が最大、緑が中間、青が低いことを意味します。
Hexコードは赤・緑・青それぞれに対応する2桁ずつの3組に分割されます。各組は16進数で、10進数（0〜255）に変換することで対応するRGB値が得られます。
RGBAは透明度を表す4つ目の値「アルファ」を追加したもので、0（完全に透明）から1（完全に不透明）までの範囲を取ります。純粋なRGBやHexコードは常に完全に不透明です。
はい——Hexコードは CSS で色を指定する最も一般的な方法の一つです。例：color: #4133FF; や background-color: #f2f2f7;。