カラーコード変換と配色ジェネレーター
カラーコード変換、コントラスト確認、配色生成をブラウザ内で行います。
HEX
#3366ffRGB
rgb(51 102 255)HSL
hsl(225 100% 60%)Lab
lab(47.4% 26.93 -82.47)LCH
lch(47.4% 86.76 288.1)OKLab
oklab(57.26% -0.0192 -0.233)OKLCH
oklch(57.26% 0.2338 265.3)Display P3
color(display-p3 0.2499 0.3952 0.9643)プレビュー
#3366ff
配色ジェネレーター
コントラストチェック
Normal text
Contrast ratio: 18.88:1
Normal text: Pass
Large text: Pass
使い方
- 1Add the input or options you want to process with カラーコード変換と配色ジェネレーター.
- 2Check the range, format, quality, or sorting option that controls the result.
- 3Compare the preview or computed output with the source input.
- 4Copy or download the result, then clear sensitive input when finished.