完璧な
カラーパレット を数秒で。
画像から調和のとれた色を抽出し、クリックで新しいパレットを生成し、WCAGコントラストをチェック — すべてブラウザ内でローカルに動作。
3つのツール、1つの目標：よりよい色。
各ツールは1つのことをうまくこなします。組み合わせて、完全なカラーワークフローに。
厳選ムードパレット
あらゆるプロジェクトのために hand-picked されたカラーストーリー。
Studio Ghibli
#7CA982#F4E3C1#A8C3A4#E8B7A0#5B7065Makoto Shinkai Sky
#FF8C61#FFB47A#F4D58D#9DB4C0#5E7A8ECyberpunk Neon
#FF006E#3A0CA3#06D6A0#F72585#1A1A2EMelancholy
#8B9DC3#C9B6D9#E6B5B5#9D8CA1#5C6B7AWabi-Sabi
#A89F91#D4C5B0#8B7E6E#E8E0D3#5C4F42Autumn Forest
#8B2500#C2491A#E8A87C#D4A574#3E5C3B色にこだわ る クリエイターのために作られました。
ほとんどのパレットツールは広告、サインアップウォール、透かしで乱雑です。ColorMixはその逆 — 即座にロードし、完全にブラウザで動作し、邪魔をしません。
ウェブサイトのデザイン、ウェブトゥーン painting、ブランドのスタイリングなど、適切な色使いは「忘れられる」と「忘れられない」の違いを生み出します。これらのツールは、その組み合わせをより速く見つけるために作られました。
よくある質問
ツール、プライバシー、アルゴリズムについての簡単な回答。
ColorMixとは？+
ColorMixはデザイナー、イラストレーター、クリエイターのための、ブラウザ内で動作する無料カラーツールスイートです。3つのツール：画像から（写真から5色パレットを抽出）、ジェネレーター（色をロックして新しいパレットを生成）、コントラストチェッカー（任意の2色をWCAG AA/AAA準拠でテスト）。
画像はサーバーにアップロードされますか？+
いいえ。すべてが HTML5 canvas と FileReader API を使ってブラウザ内で動作します。画像、スクリーンショット、アートワークがあなたのデバイスから出ることはありません。文字通り見ることはできません — アップロードステップはありません。
画像から抽出ツールはどのアルゴリズムを使っていますか？+
メディアンカット色量子化。RGBカラースペースを最長チャンネルに沿って再帰的に分割し、N個のバケットができるまで分割し、各バケットを平均化します。200px画像で50ms未満で完全に動作し、完全に決定的 — 同じ入力は常に同じ出力を返します。アルゴリズムは Heckbert (1982) によって初めて記述されました。
画像からとジェネレーターの違いは？+
画像からはアップロードした写真から色を抽出します。ジェネレーターはゼロからランダムなパレットを作成し、個々の色をロックしながら残りを再生成できます。視覚的なインスピレーションがあるときは画像から、探索したいときはジェネレーターを使います。
WCAG AA / AAAとは？+
WCAG (Web Content Accessibility Guidelines) はアクセシブルなウェブコンテンツの国際標準です。AAは通常テキストで 4.5:1、大テキストで 3:1 のコントラスト比が必要です。AAAはそれぞれ 7:1 と 4.5:1 を要求します。コントラストチェッカーは、任意の2色について通常テキストと大テキストのライブプレビューでコンプライアンスを表示します。
抽出したパレットを商用利用できますか？+
はい。16進コードは単なる数字 — 著作権は適用されません。帰属表示なしで、個人・商用問わずあらゆるプロジェクトで使用できます。