私が普段よく使うカラーをまとめてます。コピー＆ペーストでご自由にご利用ください。（ツール「Studio」やスクールで使用したカラースタイル等を参考にしてます）
配色について
Webデザイン比率
まとまりのある美しい配色になる比率
●ベースカラー 70%
●メインカラー 25%
●アクセントカラー 5%
色の三属性
色は「色相」「彩度」「明度」の３つの要素で構成されている
１．色相 寒色系～暖色系
２．彩度 鮮やかではない～鮮やか
３．明度 暗い～明るい
トーンとは
「明度」＋「彩度」
RGBとは
- Webにおける色の表現
- 赤(Red)＋緑(Green)＋青(Blue)の光の三原色を利用している発色方式
- 混ぜれば混ぜるほど明るくなり、すべてを混ぜると白になる
16進数カラーコードとは
Webやアプリで色を表現するために使用される6桁のコード
カラーコード一覧
スタンダード 6種類
#000000 Black
#FFFF00 Yellow
#0000FF Blue
#FF0000 Red
#008000 Green
#FFFFFF White
淡色
#D3CDD4
#EBDFCF
#C7CDDD
#D1D9D9
#E3D5D5
#E7E8DD
#BEC3C7
#B5CCD4
#E2E4E4
#1F3330
#F2E5E5
#D6A1A1
#E7EFED
#97B7B6
#DFEAED
#87B1C4
#FFFFFF
#F5F5F5
#D6A1A1
#87B1C4
#97B7B6
#9289B8
#E0D665
Blue Gray 10種類
❶#ECEFF1
❷#CFD8DC
❸#B0BEC5
❹#90A4AE
❺#78909C
❻#607D8B
❼#546E7A
❽#455A64
❾#37474F
❿#263238
Brown 10種類
❶#EFEBE9
❷#D7CCC8
❸#BCAAA4
❹#A1887F
❺#8D6E63
❻#795548
❼#6D4C41
❽#5D4037
❾#4E342E
❿#3E2723
Gray 10種類
❶＃FAFAFA
❷#F5F5F5
❸＃EEEEEE
❹＃E0E0E0
❺＃BDBDBD
❻＃9E9E9E
❼＃757575
❽＃616161
❾＃424242
❿＃212121
F1F4F0
DBE2D9
CBD4C6
BDC7B5
ADB8A1
99A588
77816A
525847
313429
24261E
Pink・Red
#F7D4DC
FCB7B7
FBA2A2
#F9CDCD
#F3A5A5
#DD8989
#DF3400
#C4486B
そのほか
#AC4805
#406D16
#4B967C
#A9163F
#CBB661
#F3CE5E
#F3DF8D
ネット関連商品
Amazon
https://amzn.to/4kn0vkx
amzn.to
https://amzn.to/3Fw3vMx
amzn.to
https://amzn.to/43Lmj2i
amzn.to
https://amzn.to/3Hrlrso
amzn.to
https://amzn.to/43QpyWn
amzn.to
コメント