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

HEX を RGB、HSL、OKLCH、CMYK に変換する

どの形式でも色を入力すると、ほかのすべての形式の値がすぐに表示されます。CSS にそのまま貼り付けられます。

色を変換

手順

1. パネルの「色」セクションのどの欄にも、色を入力または貼り付けます。例：#3366cc、rgb(51 102 204)、hsl(220 60% 50%)、oklch() の値、cmyk() の値。
2. 入力に合わせて、ほかの欄と大きなカラー見本が更新されます。色として認識できない値は、修正するまで印が付きます。
3. 上の画像カードの各形式の横にある「コピー」をクリックすると、その値をコピーできます。

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

よくある質問

画面に表示できない OKLCH の色はどうなりますか？

明度と色相は保ったまま、sRGB に収まるまで彩度を下げます。パネルにその旨が表示されます。

CMYK の値は印刷に正しいですか？

これは単純な計算式によるもので、プリンターのプロファイルは使っていません。正確な印刷色が必要な場合は、印刷会社にプロファイルを確認してください。

変換して戻しても同じ値になりますか？

はい。どの形式からでも、すべての HEX の色は同じ HEX に戻ります。

Slop Colors でほかにできること

• WCAG に基づいて色のコントラストを確認
• 画像から色を取得する
• 1 つの色から配色パレットを作成する

関連するアプリ

• PhotoSlop
  公開中
  Photoshopを、ブラウザー向けに作り直しました。
• SlopVector
  公開中
  Illustratorを、ブラウザー向けに作り直しました。
• SlopIsolate
  ベータ
  端末上で動くAIで、背景を除去します。