03
コントラスト
WCAG AA & AAA
任意の2色をペアリング。比率を取得。本文および大規模テキストのパス/フェイルを確認します。
実際に何ができるのか
02
パレット
色理論、生成されました
補完的、類似的、三色補色、分割補完、モノクローム、四色補色。ベースを選択して、5色の使いやすいパレットを入手します。
04
カラーピッカー
スクリーンから選択
Chrome / EdgeでのEyeDropper API。画面のどこでもピクセルをサンプルできます。
仕組み
- モダンブラウザでmorph.cool/colorを開きます。ログイン不要、インストール不要、カード不要。
- 視覚的に選択 — ピッカーをドラッグ、HEXを入力、RGB文字列を貼り付け、またはEyeDropperボタン（Chrome/Edge）でサンプルします。
- HEX、RGB、HSL、CMYKの間で即座に変換を確認できます。任意のフィールドを編集; 他のフィールドは同期されたままです。
- パレットを生成 — 互补的、類似、三色、分割、モノクロ、四色。各パレットはコピーするための1クリックでアクセスできます。
- コントラストをテスト。任意の2色をWCAG AA/AAAの基準（通常および大文字用）と照合します。
4形式HEX · RGB · HSL · CMYK
6 スキームパレットジェネレーター
0アカウントが必要
ほとんどのカラーツールが迷路のように感じる理由
カラーピッカー市場を支配する 3 つのパターンがあります。第一：広告で覆われたサイトで、古い、バナー広告で溢れ、ほとんどインタラクティブでないため、すべてを上回るランキングを誇ります。第三：クラウドアカウントを必要とするエンタープライズレベルのスイートで、百行のコードで実現できる機能を要求します。Morph はローカルファースト、アカウントなし、すべてのフォーマットを含むバージョンです。ブラウザには既に EyeDropper API とカラーフィールドがありますが、Morph はそれらを使いやすいインターフェースで包み、デザイナーが必要とする数学（CMYK、HSL、コントラスト、パレット理論）を追加します。
デザインSaaSがまだ勝っている場面
パレットライブラリサイトにはコミュニティコレクションがあります — 何百万ものユーザーが保存したパレットを閲覧してリミックスできます。あなたのワークフローがコミュニティキュレートされたインスピレーションに中心を置いている場合、Morphのスタンドアロンピッカーは適切な表面ではありません。Morphは数学と変換とパレットジェネレーターとコントラストチェック — 確定的で再現可能な部分です。「何百万ものユーザーのパレットを閲覧する」部分は別の製品です。
よくある質問
HEX と RGB の間で変換できますか？
はい。任意のHEXカラーコードを入力すると、Morphは即座にRGB、HSL、CMYKの同等値を表示します。すべての方向で動作します — 任意のフィールドに入力すると、他のフィールドが同期されます。
Morphはアクセシビリティのための色のコントラストをチェックしますか？
はい。Morphは、任意の2つの色の間でWCAGコントラスト比を計算し、その組み合わせが本文および大規模テキストのAAまたはAAAアクセシビリティ基準を満たしているかどうかを教えてくれます。
単一の色からカラーパレットを生成できますか？
はい。ベースカラーを選択すると、Morphは色理論に基づいて補色、類似色、三色、分割補色、モノクロム、四色のパレットを生成します。
画面のどこからでもアイコンピッカーが実際に選択できますか？
ChromeとEdgeで動作 — MorphはブラウザのEyeDropper APIを呼び出します。アイコンをクリックし、画面の任意の場所にカーソルを合わせてクリックするとサンプルが取得できます。SafariとFirefoxはまだこのAPIを公開していないため、これらのブラウザではピッカーの表面内で選択するようになります。
私の色はどこかに保存されていますか？
保存されたパレットは、デバイスのlocalStorageに格納されます。Morphサーバーに同期されることはありません。ブラウザのストレージを削除すると、パレットは消えます — Morphはコピーを持っていません。
Nothing leaves your device · Free for what you make, credits for what we run