デザイン

HEX・RGB・HSL と透明度を変換し、色をプレビューしながら CSS の値をコピーできます。

文字色と背景色の WCAG 2.2 コントラスト比を測定し、通常文字と大きな文字の適合状況を表示します。

線形・放射状グラデーションを見ながら作成。色、位置、角度を調整して CSS をコピーできます。

ずれ、ぼかし、広がり、色、不透明度を調整し、外側・内側の影を確認して CSS を取得できます。

画像や動画の縦横比を約分し、指定した幅・高さからもう一方のサイズを計算します。

固定列や自動調整のグリッドを実際の配置で確認し、CSS と HTML を生成できます。

方向、折り返し、間隔、整列をライブプレビューで試し、対応する CSS と HTML を取得できます。

基準色から補色・類似色・トライアド・単色の配色を作り、HEX、CSS 変数、JSON で保存できます。