すべてのツール › ジェネレーター
カラーパレット:配色、シェード、コントラスト
配色の組み合わせ選び、Tailwind風のシェードスケール、画像からのパレット、WCAGコントラストと色覚のチェック、形式コンバーター。
このツールでできること
- OKLCHモードでの配色(補色、トライアド、スクエアなど):明るさが揃うため、パレットが均一に見えます。
- 50〜950のシェードスケールはOKLCHで作られ、彩度が保たれます。明るい段階や暗い段階でくすんだグレーになりません。
- 画像からのパレット:主要な色とその割合、任意のピクセルのスポイト機能、クリップボードからスクリーンショットを貼り付けることもできます。
- WCAGコントラストのチェックでは、AAとAAAを満たす最も近い文字色を探し、パレット全体のコントラストマトリクスも表示します。
- パレットや画像の色覚シミュレーションと、どの色が見分けにくくなる可能性があるかの警告。
- あらゆるCSSの色に対応したコンバーター:HEX、RGB、HSL、HWB、OKLCH、CMYKと、最も近い色名。パレットをCSS、SCSS、JSON、Tailwind、SVGにエクスポートできます。
画像はお使いのブラウザで処理され、どこにもアップロードされません。パレットはお使いの端末に記憶されます。
色名は近似です。内蔵の約90個の名前のリストから最も近いものを選びます。CMYKはカラープロファイルを使わない簡易式で計算されるため、印刷には印刷所のプロファイルをお使いください。