デザイナー向けカラーツール — パレット、グラデーション、コントラスト、コンバーター無料

Metoolzyのカラーツール

Metoolzyは、ブラウザ上で完全に動作する5つのカラーデザインツールを提供しています。デザイナー、フロントエンド開発者、コンテンツクリエイターに最適です。

Color Paletteはワンクリックで調和のとれたカラーパレットを作成します。ランダム化してインスピレーションを見つけ、HEX/RGBコードをコピーします。

使用するタイミング： ウェブサイト、アプリ、ソーシャルメディアの投稿、プレゼンテーションのカラースキームを選択するとき。

Gradient Generatorは直感的なCSSグラデーションを作成します。カラーストップをドラッグし、方向を選択し、すぐに使えるCSSコードをコピーします。

使用するタイミング： ヒーローセクション、ボタンのホバー効果、カードのオーバーレイの背景グラデーション。

Contrast Checkerは、WCAG 2.1標準に従ってテキストと背景間のコントラスト比を確認します。AA/AAAへの準拠結果を表示します。

使用するタイミング： 視力の弱いユーザーがウェブサイトにアクセスできるようにしたいとき。

Color Converterは、HEX、RGB、HSL、CMYK間で変換します。任意のフォーマットを入力 → 他のすべてのフォーマットとライブカラープレビューを表示します。

使用するタイミング： デザインツールがHEXを使用しているが、コードがRGBを必要とする場合、または印刷でCMYKが必要な場合。

CSS Unit Converterは、px ↔ rem ↔ em ↔ % ↔ pt ↔ vw間で変換します。ベースフォントサイズとビューポートの幅をカスタマイズします。

使用するタイミング： レスポンシブデザイン、タイポグラフィのためにpxからremに変換するとき。