CSS & カラー
カラーコンバーター
Hex・RGB・HSL・OKLCHの間で色を変換し、ライブスウォッチと色相スライダーで確認できます。
Your data stays on your deviceNo upload, no serverWorks offline
Hex
#1a7a3d
RGB
rgb(26, 122, 61)
HSL
hsl(142, 65%, 29%)
OKLCH
oklch(51.1% 0.1277 150.5)
このツールを使う理由
03Hex・RGB・HSL・OKLCHの形式で色を解析・変換し、フルD65カラー演算に対応しています。
Color ConverterはHex・RGB・HSL・OKLCHの入力形式を自動検出し、同時にすべての形式に変換します。
色相スライダーを使用して、明度とクロマを維持しながら色相バリエーションを探索できます。
使い方
03コピー前のクイックチェック
03Confirm the input is the format you intended.
Scan the result before using it in a document, URL, config, or message.
Copy only the output you need.
よくある質問
03
どの形式に対応していますか？
Hex（#rgb・#rrggbb・#rrggbbaa）・rgb()・rgba()・hsl()・hsla()・oklch()に対応しています。
OKLCHとは何ですか？
OKLCHは、明度・クロマ・色相で定義される知覚的に均一なカラーモデルです。最新のCSSで広くサポートされています。
色相スライダーで入力値が変わりますか？
いいえ。スライダーはOKLCH空間で色相チャンネルを回転させながら、明度とクロマを一定に保ちつつ表示色を調整するだけです。
関連ツール
02ハッシュジェネレーター→
SHA-1・SHA-256・SHA-512などのハッシュ値を生成します。
長さ単位変換ツール→
km・mi・ft・mなど一般的な長さの単位を相互変換します。