色とデザイン
色を確認し、実用的なCSSを生成します。
カラーピッカー・変換色を入力または選択して形式を確認し、HEX、RGB、HSLの値を表示します。カラーパレット生成選択した色をもとに、補色、類似色、トライアド、モノクロームのパレットを生成します。CSSグラデーション生成色の停止点や方向などの設定を編集して、線形または放射状のCSSグラデーションを作成します。WCAGコントラストチェッカー前景色と背景色を比較し、対応するWCAG AAおよびAAA基準に対するコントラスト比を計算します。色の濃淡生成選択した色から明るい色と暗い色のHEXバリエーションを作成します。画像カラー抽出画像を選択して、代表的な色をブラウザー内で抽出・表示します。CSSボックスシャドウ生成影のオフセット、ぼかし、広がり、色、不透明度、insetを調整し、CSSをコピーできます。CSS角丸生成四隅の丸みを個別に設定し、形をプレビューしてborder-radiusのCSS値をコピーできます。CSSボタン生成ボタンの利用可能なスタイルを設定してプレビューし、生成されたHTMLとCSSをコピーできます。色覚シミュレーターアップロードした画像に、ツールのプロタン視覚シミュレーションフィルターを適用してプレビューします。