WCAG 2.1アクセシビリティ準拠のコントラスト比検証と、調和のとれた配色パレットを即座に生成します。
パレット生成の基準となるメインカラー(HEXまたはRGB)を指定します。
補色、類似色、三色配色、モノクロームなどの調和モデルを選択します。
本文テキストと背景色のコントラスト比は7:1以上(AAA基準)を維持することで、あらゆる環境下での視認性を保証できます。
輝度の高いアクセントカラーは背景色として使用し、テキストには暗度の高い色を選択してコントラストを改善してください。
はい。HEX、RGB、HSL、OKLCH、およびTailwind CSS設定フォーマットでワンクリックコピーが可能です。
ぼかし、広がり、インセット、多層レイヤーのプリセットを備えた視覚的なCSSシャドウ作成ツール。
背景のぼかし(backdrop-filter)、透明度、境界線効果をリアルタイムに調整できるモダンなすりガラスUI作成ツール。
標準アスペクト比(16:9、4:3、21:9など)の計算と、最適な解像度やレスポンシブサイズの算出を瞬時に行います。
16x16、32x32、180x180のファビコン画像、manifest.json、HTMLリンクタグを一括生成。
Convert colors between HEX, RGB, HSL, HSV, and CMYK formats instantly with visual color picker, shades, and contrast checks.
Test text and background color pairs against WCAG 2.1 AA and AAA accessibility standards with real-time contrast ratio score.