Slop Colors · 無料、ブラウザーで

1 つの色から配色パレットを作成する

ブランドカラーから始めましょう。Slop Colors が調和配色、明度や彩度の違う色、50 から 950 までの段階色を作り、選んだパレットをコードまたはスウォッチファイルとして書き出します。

手順

パネルに色を入力します（HEX、RGB、HSL、OKLCH、CMYK）。または画像から色を取得します。
「この色から作成」で、カラーホイールの横にある調和配色（補色、類似色、トライアド、分裂補色、テトラード、スクエア、モノクロ、シェード、カスタム）と、RGB、RYB、OKLCH のいずれかのホイールを選びます。
ホイールのハンドルをドラッグすると、ほかのハンドルが調和に合わせて動きます。「カスタム」では、それぞれが個別に動きます。フォーカスしたハンドルは矢印キーで動かせます。
好みの行の下にある「パレットとして使用」をクリックするか、個別の色を選んで「この色を追加」をクリックします。
パレットに名前を付け、「書き出し」で形式を選びます。CSS 変数、Tailwind の設定、JSON、Adobe の .ase、GIMP の .gpl から選べます。
「パレットをダウンロード」、「コードをコピー」、または「Slop Drive に保存…」をクリックします。

ファイルはこのデバイスに保存されたままです：Slop Colors はブラウザーで動作し、アップロードもアカウントも透かしも必要ありません。

画家が使う赤・黄・青のホイールで、Adobe Color が提供しているものです。このホイールでは、赤の補色は緑、青の補色はオレンジになります。RGB ホイールは画面の色に基づき、OKLCH は色相が回っても明度が一定に保たれます。

色相を保ったまま、OKLCH で明度を 97% から 22% まで段階的に変えます。白と黒に近い部分では彩度を下げます。入力した色は、最も近い段階に配置されます。

はい。Adobe Swatch Exchange（.ase）で書き出し、スウォッチパネルに読み込んでください。GIMP と Inkscape では .gpl ファイルを読み込めます。

ページ上のパレットはこのブラウザーに保存されます。「Slop Drive に保存」を使うと、ここで再び開けるファイルとして保存されます。