デザインツールズについて
「デザインツールズ」は、デザイン制作やWeb制作の現場で日常的に発生する細かな作業を、少しでも軽くするために作られた無料ツール集です。カラーコードのコピー、CSSコードの生成、単位の換算、QRコードの作成など、制作中に「ちょっと調べたい」「ちょっと作りたい」と思う場面に対応するツールをそろえています。
すべてのツールは登録不要・無料でご利用いただけます。また、画像の変換やQRコードの生成といった処理はすべてブラウザ内で完結するため、入力した内容やアップロードしたファイルが外部のサーバーに送信されることはありません。
収録ツールのジャンル
- カラー関連：カラーコード集、カラーパレットジェネレーター、配色コントラストチェッカー、グラデーションジェネレーター
- CSS生成：box-shadowジェネレーター、ボタンデザインジェネレーター、グラス／ニューモーフィズム、Fluid Typography、ローディングスピナー
- グラフィック：SVGシェイプジェネレーター、SVG背景パターンジェネレーター、OGP画像ジェネレーター
- 制作補助：画像フォーマット変換、mm / px / pt 単位変換、QRコード変換、Base64エンコーダー、ダミーテキストジェネレーター
こんな場面で使えます
- 配色に迷ったとき、キーカラーから相性の良い色を広げたい
- 印刷物とWebで同じデザインを展開するとき、サイズを換算したい
- ボタンや影のCSSを、コードを書きながら試行錯誤せずに決めたい
- 原稿が届く前に、仮のテキストでレイアウトを組んでおきたい
- チラシや名刺に載せるQRコードを、その場で作りたい