サンプルテキスト Sample
カラーツールの使い方
1
ピッカーやプリセットでメインカラーを選ぶか、HSLA スライダーで微調整します
2
各色空間の値が下にリアルタイム表示されます — クリックでコピー
3
配色を選んでパレットを生成するか、画像をアップロードして抽出します
🎨できること
- 色空間変換:HEX/RGB/HSL/HSV/CMYK/LAB/LCH/XYZ
- 配色:補色 / 類似色 / 四色 / 明度・彩度グラデーション
- 画像からパレットを抽出し、テキストのコントラストを提案
💡ヒント
- LAB/LCH は知覚的に均一な色空間で、なめらかなグラデーションに最適です
- コントラスト提案は文字色が読みやすいか判断するのに役立ちます
- 色見本をクリックすると値をそのままデザインにコピーできます
デザインやフロントエンド、作画では、色の表記を変換したり配色を作成したり、参照画像から色を取ることがよくあります。このツールならすべて正確に行えます。
🔒 すべてブラウザ内でローカルに計算され、アップロードした画像はローカルで分析されサーバーには送信されません — インストール不要、登録不要。