カラーピッカー
色の選択とカラーフォーマットの変換
Live swatch preview
#3B82F6
Use this panel to gauge readability, saturation, and mood before copying values into code or design files.
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)Export color values
Copy individual formats or download a short palette snapshot for handoff.
次に進む
関連する次のアクションでワークフローを続けます。
HEX
#3B82F6
RGB
59, 130, 246
HSL
217 / 91% / 60%
結果
Live palette
補色
#F6AF3C
Lighter
#94BBFA
Darker
#0A54CD
Privacy & Trust
Private by default
Color conversion and palette generation stay inside the browser. There is no upload or external API call.
Format handoff
Copy HEX for CSS, RGB for graphics pipelines, and HSL for design iteration without switching tools.
Palette-ready
Complementary, lighter, and darker swatches make it easier to test button, background, and accent combinations.
使い方
ツールを開く
セットアップ不要 — ツールはブラウザで即座に読み込まれます。
操作して探索
マウス、キーボード、またはタッチでリアルタイムに操作します。
いつでもどこでも利用可能
デスクトップとモバイルに対応 — 外出先でも練習や作成ができます。
このツールを使う理由
完全無料
Core tools are free. AI and cloud tools may have daily usage limits.
インストール不要
すべてブラウザで実行されます。ソフトウェアのダウンロードやインストールは不要です。
プライベート＆安全
Local tools keep input on your device. Tools that transmit data are clearly labelled.
モバイル対応
完全レスポンシブ対応 — スマートフォン、タブレット、デスクトップで利用できます。