ツール

デザインにおける配色とその具体的な活用方法を、実際のWebサイトの画面を通して学べる配色インスピレーションサイトです。 単にカラーパレットを並べるだけでなく、サイト上の配色がリアルタイムで切り替わるため、背景や見出し、ボタンなどにどの色を配置すべきかが視覚的に理解できます。さらに、色の基礎知識や各色が与える心理的効果、感情への影響なども詳しく解説されており、デザイン初心者でも目的に合った最適な色選びができるようサポートしてくれます。

ブラウザ上で鮮やかなメッシュグラデーションを直感的に作成・編集できる無料のオンラインデザインツール。画面上のコントロールポイントをドラッグして色を割り当てるだけで、複雑で美しい有機的なグラデーションがリアルタイムで作成できます。さらに、ノイズや色収差の追加、動的なアニメーション効果やカーソル操作への連動機能も搭載しています。完成したデータは4K動画として書き出せるほか、ReactやWebflowなどのWebサイトへ直接埋め込むことも可能