skytomo221.com

トップへ戻る

skytomoのカラーテーマ

私のカラーコードです。 イラストを描くときの参考にしてみるといいかも!

名前RGBOKLCH
skytomo25-main#02c6f1oklch(0.7662 0.1403 221)
skytomo25-orange-main#fd926aoklch(0.7655 0.1404 41)
skytomo25-yellow-main#c6b539oklch(0.7657 0.1403 101)
skytomo25-green-main#4ece95oklch(0.7656 0.1406 161)
skytomo25-purple-main#a4a8ffoklch(0.7625 0.1242 281)
skytomo25-pink-main#ee8ecdoklch(0.7663 0.1389 341)
tomohkys25-main#fc0196oklch(0.6473 0.2654 355)
tomohkys25-navy-main#0150fcoklch(0.5220 0.2614 263)
skytomo25-blue-50#eefafeoklch(0.9770 0.0130 221)
skytomo25-blue-100#d1f3ffoklch(0.9437 0.0423 221)
skytomo25-blue-200#9be6ffoklch(0.8835 0.0813 221)
skytomo25-blue-300#65d4f6oklch(0.8179 0.1120 221)
skytomo25-blue-400#02c6f1oklch(0.7662 0.1403 221)
skytomo25-blue-500#02a7ccoklch(0.6752 0.1236 221)
skytomo25-blue-600#028dadoklch(0.5965 0.1091 221)
skytomo25-blue-700#027690oklch(0.5227 0.0955 221)
skytomo25-blue-800#165e72oklch(0.4489 0.0745 221)
skytomo25-blue-900#01495aoklch(0.3751 0.0684 221)
skytomo25-blue-950#01323foklch(0.2930 0.0532 221)
tomohkys25-fuchsia-500#fc0196oklch(0.6473 0.2654 355)
tomohkys25-navy-500#0150fcoklch(0.5220 0.2614 263)

古い色は以下の表を参照してください。

名前RGBHSV
skytomo22-main#00c8ff193°, 100%, 100%
tomohkys22-main#ff00aa320°, 100%, 100%
skytomo22-100#ccf4ff193°, 20%, 100%
skytomo22-200#99e9ff193°, 40%, 100%
skytomo22-300#66deff193°, 60%, 100%
skytomo22-400#33d3ff193°, 80%, 100%
skytomo22-500#00c8ff193°, 100%, 100%
skytomo22-600#00a0cc193°, 100%, 80%
skytomo22-700#007899193°, 100%, 60%
skytomo22-800#005066193°, 100%, 40%
skytomo22-900#002833193°, 100%, 20%
tomohkys22-100#ffccee320°, 20%, 100%
tomohkys22-200#ff99dd320°, 40%, 100%
tomohkys22-300#ff66cc320°, 60%, 100%
tomohkys22-400#ff33bb320°, 80%, 100%
tomohkys22-500#ff00aa320°, 100%, 100%
tomohkys22-600#cc0088320°, 100%, 80%
tomohkys22-700#990066320°, 100%, 60%
tomohkys22-800#660044320°, 100%, 40%
tomohkys22-900#330022320°, 100%, 20%

これは Web サイトなどのデザインにおける配色とは違います。
Web サイトなどのデザインにおける配色では、 メインカラー(#00c8ff)がサブカラーになり、 サブカラー(#ff00aa)がアクセントカラーになります。
またもう一つ、適当なベースカラーを選ぶ必要があります。

参考までにこのサイトの配色設定を示します。

配色名前RGBHSV
ベースカラーslate-200#1e293b217°, 49%, 23%
メインカラーslate-900#f1f5f9210°, 3%, 98%
サブカラーskytomo-500#00c8ff193°, 100%, 100%
アクセントカラーtomohkys-500#ff00aa320°, 100%, 100%