カラーコード変換
HEX / RGB / HSL / OKLCH を相互変換。どの欄に入力しても他の形式に反映されます。
対応形式
- HEX:
#ffd54a、#fda（3桁）、#ffd54acc（アルファ付き8桁） - RGB:
rgb(255, 213, 74)または255, 213, 74 - HSL:
hsl(46, 100%, 65%) - OKLCH: CSS Color 4の知覚均等色空間。明度調整が直感的で、モダンCSSで人気の形式です（本ツールは表示のみ）
カラーコード変換
HEX / RGB / HSL / OKLCH を相互変換。どの欄に入力しても他の形式に反映されます。
#ffd54a、#fda（3桁）、#ffd54acc（アルファ付き8桁）rgb(255, 213, 74) または 255, 213, 74hsl(46, 100%, 65%)