03
コントラスト
WCAG AA & AAA
任意の2色をペアリング。比率を取得。本文および大規模テキストのパス/フェイルを確認します。
HTMLColorCodes.com runs banner ads against your visit and ranks for "color picker" with a static page. Coolors gates the meaningful exports behind a $3-$5/month plan. Adobe Color needs a Creative Cloud account. The other dozen tools have you upload an image to extract a palette — for a problem the browser already solved with the eyedropper API. Morph picks colors visually, converts between HEX, RGB, HSL, CMYK, generates palettes (complementary, analogous, triadic, split, monochromatic), and runs WCAG contrast checks — all in your tab, no ads, no upload, no account. Free for everything that runs on your device; AI is paid in credits.
#FF5200と入力すると、RGB(255, 82, 0)、HSL(19, 100%, 50%)、CMYK(0, 68, 100, 0)、および最も近いCSS名付き色が表示されます。1クリックで任意の形式をコピーできます。任意のフィールドを編集すると、他のフィールドは同期されたままです。
補完的、類似的、三色補色、分割補完、モノクローム、四色補色。ベースを選択して、5色の使いやすいパレットを入手します。
任意の2色をペアリング。比率を取得。本文および大規模テキストのパス/フェイルを確認します。
Chrome / EdgeでのEyeDropper API。画面のどこでもピクセルをサンプルできます。
色ピッカー市場を支配する3つのパターンがあります。第一：広告で覆われたサイトで、古い、バナー広告で溢れ、ほとんどインタラクティブでない — HTMLColorCodesが代表例です。第二：CoolorsのようなVCファunded SaaSで、エクスポート、グラデーションジェネレータ、パレット保存を$3-$5/月のサブスクリプションで制限しています。これはブラウザがネイティブに提供する機能に必要なものではありません。第三：Adobe Colorのようなエンタープライズ向けで、Creative Cloudアカウントが必要です。Morphはローカルファースト、アカウント不要、すべてのフォーマットを含むバージョンです。ブラウザにはEyeDropper APIと色入力がすでに搭載されています。Morphはそれらを使いやすいインターフェースでラップし、デザイナーが必要とする数学（CMYK、HSL、コントラスト、パレット理論）を追加します。
CoolorsとAdobe Colorはコミュニティパレットライブラリを提供しています — 数百万のユーザーが保存したパレットをブラウズしてリミックスできます。ワークフローがコミュニティがキュレートしたインスピレーションを中心とする場合、Morphのスタンドアロンピッカーは適切なツールではありません。Morphは数学と変換、パレットジェネレータ、コントラストチェック — 確定的で再現可能な部分です。"100万個のパレットをブラウズする"機能は別の製品であり、Coolorsは強力なものを提供しています。
はい。任意のHEXカラーコードを入力すると、Morphは即座にRGB、HSL、CMYKの同等値を表示します。すべての方向で動作します — 任意のフィールドに入力すると、他のフィールドが同期されます。
はい。Morphは、任意の2つの色の間でWCAGコントラスト比を計算し、その組み合わせが本文および大規模テキストのAAまたはAAAアクセシビリティ基準を満たしているかどうかを教えてくれます。
はい。ベースカラーを選択すると、Morphは色理論に基づいて補色、類似色、三色、分割補色、モノクロム、四色のパレットを生成します。
ChromeとEdgeで動作 — MorphはブラウザのEyeDropper APIを呼び出します。アイコンをクリックし、画面の任意の場所にカーソルを合わせてクリックするとサンプルが取得できます。SafariとFirefoxはまだこのAPIを公開していないため、これらのブラウザではピッカーの表面内で選択するようになります。
保存されたパレットは、デバイスのlocalStorageに格納されます。Morphサーバーに同期されることはありません。ブラウザのストレージを削除すると、パレットは消えます — Morphはコピーを持っていません。