デザインツール (JA)
16 free デザインツール tools — instant, private, no sign-up
CSS Cursor Tester & Style Generator
Test and preview all CSS cursor property values interactively and generate custom cursor CSS rules with fallback options.
ツールを開く →CSS Filter & Image Effects Generator
Visually create CSS image filter effects including blur, brightness, contrast, grayscale, hue-rotate, invert, and sepia with live preview.
ツールを開く →CSS Gradient Text Generator
Create eye-catching CSS gradient text with linear and radial color stops, angle controls, and cross-browser background clip CSS.
ツールを開く →CSS Triangle & Shape Generator
Generate pure CSS border and clip-path triangles with custom directions, dimensions, colors, and ready-to-use CSS snippet output.
ツールを開く →CSS ボックス シャドウ ジェネレーター
CSS ボックスシャドウ値を視覚的に構築し、スニペットをコピーします。
ツールを開く →CSS 境界線半径ジェネレーター
CSS 境界半径値を視覚的に構築し、スニペットをコピーします。
ツールを開く →QRコードジェネレーター
色、サイズ、オプションのロゴ オーバーレイを使用してカスタム QR コードを作成します。
ツールを開く →QRコードスキャナーリーダー
カメラまたはアップロードされた画像から QR コードをスキャンしてデコードします。
ツールを開く →SVG Minifier & Code Cleaner
Minify and optimize SVG vector graphics by removing redundant metadata, comments, editor artifacts, and collapsing coordinate precision.
ツールを開く →カラーコントラストチェッカー
前景色と背景色の間の WCAG コントラスト比を確認します。
ツールを開く →カラーパレットジェネレーター
ベースカラーから調和のとれたカラーパレットを生成します。
ツールを開く →カラーピッカー
ホイールから色を選択するか、アップロードされた画像からピクセルをサンプルします。
ツールを開く →グラジエントジェネレーター
CSS の線形グラデーションと放射状グラデーションを構築し、コードをコピーします。
ツールを開く →パターン SVG 背景ジェネレーター
シームレスな CSS 背景パターンを作成し、コードをコピーします。
ツールを開く →ファビコンジェネレーター
ロゴから 16×16、32×32、および 180×180 のファビコンを生成します。
ツールを開く →色覚異常シミュレーター
一般的な色覚異常の場合に画像がどのように見えるかをシミュレートします。
ツールを開く →