CoderDojo Japan 配色ガイドライン

カラーパレット🎨

クリックで16進数カラーコードがコピーできます。

カラー

main-blue
#2275ca

lightblue
#2e9ad9

darkblue
#00176e

yellow
#ffd700

グレースケール

black
#333

gray-5
#555

gray-7
#777

gray-9
#999

gray-b
#b8b8b8

gray-c
#ccc

lightgray
#f7f7f7

色の適用ルール

基本色

本文及び見出しの文字色はblack(#333)を使用してください。
背景色の輝度(HSLでいうL)が50%未満の場合は、白(#fff)を使用してください。

リンク

通常はmain-blueで、ホバー時はdarkblueを使用してください。

色彩Tips🎨: 色の見え方は様々なので、色による区別のみではなく、プラス明るさや形での区別がおすすめです!

ボタン

背景色はmain-blue, 文字色は#fff(bold)を使用してください。