カラースタジオ
色を変換・分析・デザインする
HEX、RGB、HSL、HSV、CMYKを相互変換し、視覚的に色を選び、配色とコントラストを確認できます。
無料ブラウザで処理登録不要
#
カラーピッカー
色を視覚的に選択
明度
形式
すべての値
HEX#5B5CE2
RGBrgb(91, 92, 226)
HSLhsl(240, 69%, 62%)
CMYK60%, 59%, 0%, 11%
HSV240°, 60%, 89%
CSS--color-primary: #5B5CE2;
プレビュー
UIで色を確認
FILEGET
カラースタジオ
Design with confidence
A quick visual preview of buttons, cards and interface accents using your current color.
Accent card
SCALE