skytomoのカラーテーマ
私のカラーコードです。 イラストを描くときの参考にしてみるといいかも！
| 色 | 名前 | RGB | HSV |
|---|---|---|---|
| メインカラー | #00c8ff | 193°, 100%, 100% | |
| サブカラー | #ff00aa | 320°, 100%, 100% | |
skytomo-100 | #ccf4ff | 193°, 20%, 100% | |
skytomo-200 | #99e9ff | 193°, 40%, 100% | |
skytomo-300 | #66deff | 193°, 60%, 100% | |
skytomo-400 | #33d3ff | 193°, 80%, 100% | |
skytomo-500 | #00c8ff | 193°, 100%, 100% | |
skytomo-600 | #00a0cc | 193°, 100%, 80% | |
skytomo-700 | #007899 | 193°, 100%, 60% | |
skytomo-800 | #005066 | 193°, 100%, 40% | |
skytomo-900 | #002833 | 193°, 100%, 20% | |
tomohkys-100 | #ffccee | 320°, 20%, 100% | |
tomohkys-200 | #ff99dd | 320°, 40%, 100% | |
tomohkys-300 | #ff66cc | 320°, 60%, 100% | |
tomohkys-400 | #ff33bb | 320°, 80%, 100% | |
tomohkys-500 | #ff00aa | 320°, 100%, 100% | |
tomohkys-600 | #cc0088 | 320°, 100%, 80% | |
tomohkys-700 | #990066 | 320°, 100%, 60% | |
tomohkys-800 | #660044 | 320°, 100%, 40% | |
tomohkys-900 | #330022 | 320°, 100%, 20% |
これは Web サイトなどのデザインにおける配色とは違います。
Web サイトなどのデザインにおける配色では、
メインカラー（#00c8ff）がサブカラーになり、
サブカラー（#ff00aa）がアクセントカラーになります。
またもう一つ、適当なベースカラーを選ぶ必要があります。
参考までにこのサイトの配色設定を示します。
| 色 | 配色 | 名前 | RGB | HSV |
|---|---|---|---|---|
| ベースカラー | slate-200 | #1e293b | 217°, 49%, 23% | |
| メインカラー | slate-900 | #f1f5f9 | 210°, 3%, 98% | |
| サブカラー | skytomo-500 | #00c8ff | 193°, 100%, 100% | |
| アクセントカラー | tomohkys-500 | #ff00aa | 320°, 100%, 100% |