№ 02 · 画像・デザイン

カラーピッカー

HEX・RGB・HSL を相互変換し、カラーパレットを作ります。

カラーコード即時変換・パレット01

カラーコード即時変換・パレット (RGB 0–255)
HSL (0–360° / 0–100%)
定番エディトリアル色票
#8B2C60
白色テキスト見本 7.70:1 AAA
黒色テキスト見本 2.72:1 未達標
白背景対比
7.70 : 1
AAA 適合 (>= 7.0)
黒背景対比
2.72 : 1
不適合 (< 4.5)
HEX #8B2C60
RGB rgb(139, 44, 96)
HSL hsl(327, 52%, 36%)
CMYK cmyk(0%, 68%, 31%, 45%)
CSS --color-accent: #8B2C60;
配色ハーモニー・明暗階調
補色 (180°)
類似色 (±30°)
トリアディック (120°)
ティント(明度上げ)
シェード(明度下げ)

画像スポイト・カラー抽出02

ここに画像をドロップ、またはクリックして選択 PNG / JPG / WebP 対応、Ctrl+Vでクリップボードから直接貼り付け可能
カーソル位置: #8B2C60 (rgb: 139, 44, 96)
最近抽出した色票
まだ抽出された色がありません。上の画像をクリックして追加できます。

画像の読み取りはブラウザ内でのみ実行され、サーバーへの送信は一切行われません。