カラーツール、
くっきり印刷。

任意のベースカラーから補色・類似色・トライアドなどの色相ハーモニーを生成。CSS 変数、Tailwind 設定、SCSS、JSON として書き出せます。

任意の色の値を貼り付けると、HEX・RGB・RGBA・HSL・HSLA・HSV で即座に確認できます。任意のフォーマットをワンクリックでコピー。

前景色と背景色のペアを、通常テキストと大きなテキストの WCAG 2.1 AA・AAA 要件に対して検査します。

RGB または HSL 空間で 2 色を任意の比率で混ぜ合わせ、HEX・RGB・HSL の値を即コピー。

画像をドロップして、メディアンカット量子化で主要な色を抽出。CSS 変数、Tailwind 設定、SCSS、JSON として書き出せます。

7 種類の色覚特性を通じてパレットを表示。赤と緑の見分けがつきにくい約 8% のユーザーにとって衝突するペアを発見します。

知覚的な Lab 距離で任意の HEX に最も近い CSS 色名を特定、または任意の CSS キーワードの正確な HEX を逆引きします。

任意のブランドカラーからトーンスケール (50–950) を構築し、各シェードの白・黒およびスケール内の他の色との WCAG AA/AAA コントラスト評価を確認できます。

複数のカラーストップ、角度、リアルタイムプレビューで、線形・放射状・円錐の CSS グラデーションを作成。

オフセット・ブラー・スプレッド・カラー・インセットを完全制御しながら複数の box-shadow を重ねられます。CSS を即コピー。

ドロップシャドウ、ネオングロー、3D タイポ、レタープレス、ロングシャドウなどの text-shadow レイヤーを重ねられます。実テキストでプレビューして CSS をコピー。

blur、brightness、contrast、grayscale、hue-rotate、invert、opacity、saturate、sepia を 1 つの CSS フィルターにまとめ、画像やテキスト上でライブプレビュー。

2 つの制御点をドラッグしてカスタム cubic-bezier() イージングカーブを設計。ease、ease-in、ease-out と比較しながら、タイミングカーブがライブアニメーションを駆動する様子を確認できます。

4 つの角を個別に微調整するか、8 値の楕円構文を使用。形状がリアルタイムで更新されます。

インタラクティブなエディタで clip-path ポリゴンを自由に描画、または三角形・六角形・矢印などのプリセットから開始できます。

画像をアップロードするか文字ベースのアイコンを作成し、モダンブラウザや Web マニフェストで必要な PNG サイズをすべてダウンロードできます。