Webデザインの参考

Webデザインの参考 (パーツごと)

Webデザインの参考（演出）

Webデザインの参考 (パーツごとの実例)

見せ方の参考(実例)

コンテンツ企画の参考 (実例)

フッター・ヘッダー・メニューの参考

ローディングアニメーションの参考

記事・ブログの参考

アイコン・ピクトグラムの参考

フローティングボタンの参考

図の参考

詳細検索の参考

映像の参考

WebGLの参考

アニメーションの参考

‣

‣

バナー・サムネイルの参考

ポスターの参考

メニュー表の参考

スライドの参考

配色の参考

制作会社・デザイナー・フォトグラファー

UIデザインガイドライン

Chrome 拡張機能

Figmaプラグイン

特定の1色に合う配色を探す

ColorSpace (特定の1色に合う配色を提案)

ColorSpace - Color Palettes Generator and Color Gradient Tool

<aside>

💬 入力した1色から数十種類のパレットを一括生成

💬 グラデーション・補色・類似色など多様なバリエーション

💬 UIがシンプルで動作が速い

💬 各色コードはクリックで即コピー可能

💬 URL共有機能あり

</aside>

Dopely Colors (高機能)

Dopely Colors - A Free Solution to all your Color Problems

<aside>

💬 高機能なカラーツール集（カラーピッカー、コントラストチェックなど） 💬 入力色から自動で多彩なパレットを生成 💬 作成パレットの保存・共有機能あり 💬 グラデーションやカラーブラインド対応など多機能

</aside>

**Palette Maker** (配色のデザイン例を表示)

<aside>

💬 入力した色から配色を提案＋実際のUIデザイン例を表示 💬 パレットを適用したデザイン例がリアルタイムで確認可能 💬 パレットは自由に編集・調整可能 💬 シンプル操作で視覚的に使いやすい

</aside>

**Adobe Color** (配色のデザイン例を表示)

<aside>

💬 Adobe公式のプロ仕様カラーツール

💬 入力色から補色・類似色などをカラーホイールで調整

💬 パレットを使ったデザイン例表示機能あり

💬 Creative Cloudとの連携が可能（Photoshop、Illustratorに転送できる）

</aside>

Color Hunt (キーワードから配色を見つける)

<aside>

</aside>