無料 · デザインとCSS
OKLCH カラー変換ツール.
色を hex・RGB・HSL・OKLab・OKLCH の間で変換し、sRGB に収まるかを確認。hex のフォールバック付き CSS と白・黒とのコントラスト比も表示します。
Loading the calculator…
使い方: OKLCH カラー変換ツール
データを入力するかファイルを選び、設定を調整して結果を生成します。コピーやダウンロードの前に結果を確認してください。
制限と対応形式
入力内容はお使いの端末で処理されます。
英語の技術説明
8-bit sRGB output; wide-gamut colours are shown with their nearest sRGB value. Everything is calculated in your browser; nothing you type is uploaded.
Conversions use Björn Ottosson’s OKLab matrices with the sRGB transfer curve; out-of-gamut colours are mapped by reducing chroma at constant lightness and hue.
#3b82f6 is oklch(0.6231 0.188 259.81): 62 % lightness, chroma 0.188, hue 260°, with a contrast of 3.68 : 1 on white.