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に変換するとき。