デザインツール
カラーパレット生成、色コード変換、CSSグラデーション作成、ボックスシャドウ生成ができます。インストール不要です。
WebRecastのツール一覧
- カラーパレット - 画像から美しいカラーパレットを自動生成。補色・類似色・三色配色などの調和ルール対応。HEX・RGB・HSLコードを即時コピー。無料で今すぐ試す！
- カラー変換 - HEX、RGB、HSL間の色コードをリアルタイムで相互変換。ビジュアルプレビューとワンクリックコピー付き。デザイナー・開発者必携の無料ツール。今すぐ試す！
- CSSグラデーション - リニア・ラジアルグラデーションをビジュアルエディタで簡単作成。CSSコードをワンクリックコピー。リアルタイムプレビュー付き無料ツール。今すぐ試す！
- ボックスシャドウ - CSSのbox-shadowをスライダーで視覚的に調整。X/Yオフセット、ぼかし、拡散、色をリアルタイムプレビューしてコードをコピー。無料で即座に使用可能。今すぐ試す！
- フォントペアラー - Web サイトに美しいフォントの組み合わせを。Google Font の組み合わせをライブプレビューし、CSS コードを即取得。無料のオンラインフォントペアリングツール。
- コントラストチェッカー - WCAG の AA と AAA 適合に向けた色のコントラスト比をチェック。Web サイトのテキストを読みやすくアクセシブルに。無料のオンラインツール。
- SVGエディター - SVG ファイルをライブプレビューしながらオンラインで編集。色、寸法、viewBox を変更し、修正済み SVG をダウンロードまたはコピー。無料のブラウザツール。
- ボーダーラディウスジェネレーター - 個別のコーナー制御で CSS の border-radius 値を視覚的に作成。すぐ使える CSS コードをコピー。無料のオンライン border-radius ジェネレータ。
- グラスモーフィズムジェネレーター - ビジュアルコントロールで Glassmorphism の CSS を生成。ぼかし・不透明度・彩度を調整し、すりガラス風の UI 効果を。無料のオンラインツール。
- テキストシャドウジェネレーター - 複数レイヤーの CSS text-shadow 効果を作成。オフセット・ぼかし・色を視覚的に調整し、CSS コードを即コピー。無料のオンラインツール。
