デザイン
カラーパレット、コントラスト確認、グラデーション、シャドウなどCSS系の補助ツール。WCAG準拠のコントラストチェッカーや色覚シミュレータもあり、アクセシビリティの問題を公開前に見つけられます。
配色抽出(カラーパレット)画像をアップロードすると主要な色をHEXコードの配色として抽出。高速・無料で、すべてブラウザ内で処理します。色覚シミュレーター画像や色に対して1型・2型・3型色覚や全色盲をシミュレートし、デザインのアクセシビリティを確認。すべてブラウザ内で動作します。カラーハーモニー生成ベースカラーを選ぶだけで、補色・類似色・トライアド・テトラード・分裂補色・単色の配色をHEX付きで即生成。クリックでコピーできます。CMYK変換印刷・Web向けに、色をCMYK・RGB・HEX・HSLで相互変換。ブラウザ内で即座に処理します。カラーネーム検索HEXやRGBを入力すると、最も近い色名と近い候補を表示。すべてブラウザ内で動作します。アスキーアート生成画像を幅調整可能なアスキーアートに変換してコピー。すべてブラウザ内で処理し、アップロードしません。角丸ジェネレーター4つの角スライダー(px/%・楕円対応)でCSSのborder-radiusを視覚的に作成。ライブプレビューとコピー可能なコード。ブラウザ内で完結。cubic-bezierエディタードラッグできる制御点でCSSのイージング曲線を作成。アニメーションをプレビューしてcubic-bezier()値をコピー。プリセット付き。ブラウザ内で完結。グラスモーフィズム生成ブラー・透明度・彩度・ボーダー・角丸のスライダーで、すりガラス風(グラスモーフィズム)のカードを作成。ライブプレビューとCSS。ブラウザ内で完結。