ぼかし、広がり、インセット、多層レイヤーのプリセットを備えた視覚的なCSSシャドウ作成ツール。
影の水平方向のズレ幅をピクセル単位で指定します。
影の垂直方向のズレ幅をピクセル単位で指定します。
影の輪郭のぼかし度合いを指定します。
影の拡大・縮小サイズを指定します。
単一の濃い影ではなく、薄い影を複数層(マルチレイヤー)重ねることで、自然で高品質な立体感を表現できます。
影の色に純粋な黒ではなく、背景色よりわずかに暗い半透明色(rgba)を指定し、外枠に微細なボーダーを付与してください。
はい。標準CSS構文に加えて、Tailwind CSSの任意値クラス(shadow-[...])としても直接コピーできます。
背景のぼかし(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.
Preview harmonious Google Fonts combinations for headings and body copy with live editorial sample layouts.