読み込み中…
HEX/RGB/HSL/HSV/CMYK の相互変換、色階調の生成、コントラスト検査、画面からの色取得に対応
このツールの翻訳は未完了です。一部は原文または代替言語で表示されます。
HEX、rgb()、hsl()、色名など、任意の CSS カラー形式に対応
ヒント：画面からの取色には EyeDropper API に対応したブラウザ（Chrome / Edge 95+）が必要です
| HEX | #6366f1 | |
| RGB | rgb(99, 102, 241) | |
| HSL | hsl(239, 84%, 67%) | |
| HSV | hsv(239, 59%, 95%) | |
| CMYK | cmyk(59%, 58%, 0%, 5%) |
白方向（tints）と黒方向（shades）に各 10 段階。スウォッチをクリックでコピー
WCAG 2.0 に基づいて文字と背景の読みやすさを判定します
大きな文字とは 18pt（約 24px）以上、または 14pt 以上の太字を指します