👋

カラーパレットツールを使用してサイトの配色を決める

2023/08/23に公開

はじめに

配色センスが皆無なので配色を決めてくれるツールを読み漁ったところ、Palletemakerが配色を使用してのサイトイメージなどがあって使いやすかったです!

採用した配色


こんな感じで配色のテンプレートとサイトイメージが表示されます。
明るめなサイトにしたいので明るめな配色のテーマに決めました。
左から #8BCFF1
    #F985B1
    #FBC200
    #9EEB53

ロゴの作成

同様にロゴも自動作成サイトを探して作りました。
DesignEvoが無料で背景色やデザインの幅が広かったので利用しました。
グラデーション使ってかっこいい感じにできました!!

参考にさせていただいた記事

https://palettemaker.com/app
https://www.designevo.com/jp/

まとめ

レイアウトを修正しているとあれもこれもといいアイデアが増えてくるので、残りの時間と実装可能かを判断してうまいこと取捨選択していきたいと思います!

Discussion