実践:色のトーンの合わせ方

トーンってどう合わせるのよ？

色の基本３要素を使って、色を合わせる方法を実演しました〜。
基本的にいじる変数はこの3つです。逆に3つのうち2つは全く同じ、1要素だけ違う形にしていく。など変数を減らすと合わせやすくなります。

‍

前回の動画：www.bo-no.design/contents/session-color-1

‍

明度をいじって色のパターンを作成する

動画の途中では”ベースの色を同じにして、明度だけで色のパターンを生成する”方法を紹介しました。
ベースの色は一緒なので、背景の色に使ったりする色をテーマカラー要素を使って生み出す時にかなり使えると思います。

‍

‍

‍

使ったFigmaファイル

こちらになります！

https://www.figma.com/file/LaZB6eQ9sRcm3Gw3XJqvpd/%E9%85%8D%E8%89%B2?node-id=0%3A1

‍

‍

‍

トーンってどう合わせるのよ？

色の基本３要素を使って、色を合わせる方法を実演しました〜。
基本的にいじる変数はこの3つです。逆に3つのうち2つは全く同じ、1要素だけ違う形にしていく。など変数を減らすと合わせやすくなります。

‍

明度をいじって色のパターンを作成する

動画の途中では”ベースの色を同じにして、明度だけで色のパターンを生成する”方法を紹介しました。
ベースの色は一緒なので、背景の色に使ったりする色をテーマカラー要素を使って生み出す時にかなり使えると思います。

‍

‍

‍

使ったFigmaファイル

こちらになります！

https://www.figma.com/file/LaZB6eQ9sRcm3Gw3XJqvpd/%E9%85%8D%E8%89%B2?node-id=0%3A1

‍

‍