使い方
1
色を選ぶ
スペクトラムピッカー、カラーホイール、またはカラーコードの貼り付けを使用します。
2
パレットを作成
パレットに色を追加し、ハーモニーを生成し、コントラストを確認し、グラデーションを作成します。気に入った色をロックして残りをシャッフルします。
3
どこへでもエクスポート
任意のフォーマットでコピーし、CSS変数、Tailwind設定、SCSS、またはJSONとしてエクスポートします。すべてブラウザで行われます。
強力な機能
100% プライベート
すべての処理はローカルで行われます。アップロードなし、サーバーなし、追跡なし。
14+ カラーフォーマット
HEX, RGB, HSL, HSV, CMYK, LAB, LCH, OKLAB, OKLCH, HWB など。
アクセシビリティツール
WCAG & APCA コントラストチェック、色覚多様性シミュレーション。
カラーハーモニー
補色、類似色、トライアド、テトラードなどのスキーム。
よくある質問
私のデータはプライベートですか？
はい、100%です。すべての色処理はJavaScriptを使用して完全にブラウザ内で行われます。データがサーバーに送信されることはありません。追跡、保存、送信は一切行いません。
どのカラーフォーマットがサポートされていますか？
14+ カラーフォーマットをサポートしています：HEX, HEX8 (アルファ付き), RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK, LAB, LCH, OKLAB, OKLCH。任意のフォーマットで入力および出力できます。
WCAGコントラストとは何ですか？
WCAG（ウェブコンテンツアクセシビリティガイドライン）は、テキストの読みやすさのための最小コントラスト比を定義しています。AAは通常テキストで4.5:1、大きなテキストで3:1が必要です。AAAはそれぞれ7:1と4.5:1が必要です。
APCAとは何ですか？
APCA（高度知覚コントラストアルゴリズム）は、人間の知覚をよりよくモデル化する現代的なコントラスト計算方法です。WCAG 3.0で検討されており、現実世界の読みやすさに対してより正確な結果を提供します。