キーカラーKey Color

配色の基準となる色

■#60d169

同一色相、同一彩度の配色

明度に変化を持たせた配色

■#60d169 ■#17331a ■#2f6634 ■#46994d ■#5ecc67 ■#75ff81

同一色相、同一明度の配色

彩度に変化を持たせた配色

■#60d169 ■#a7d1ab ■#7dd184 ■#54d15e ■#2ad138 ■#00d111

コンプリメンタリー配色Complementary

色相環の正反対にある色同士の配色

■#60d169 ■#d160c8

トライアド配色Triads

色相環を正三角形で3等分した位置にある3色の配色

■#60d169 ■#6a60d1 ■#d16a60

アナロガス配色Analogous

色相環で隣り合う色を組み合わせた配色

■#c8d160 ■#60d169 ■#60c8d1

スプリット・コンプリメンタリー配色Split Complementary

基準色とその補色の類似色を使った配色

■#60d169 ■#a260d1 ■#d1608f

テトラード配色(長方形)Tetrad

色相環を長方形に4分した位置にある4色の配色

■#60d169 ■#6a60d1 ■#d160c8 ■#c8d160

テトラード配色(正方形)Tetrad

色相環を正方形に4等分した位置にある4色の配色

■#60d169 ■#608fd1 ■#d160c8 ■#d1a260

ペンタード配色Pentad

色相環を正五角形で5等分した位置にある5色の配色

■#60d169 ■#60b1d1 ■#9760d1 ■#d16084 ■#d1c460

ヘクサード配色Hexad

色相環を正六角形で6等分した位置にある6色の配色

■#60d169 ■#60c8d1 ■#6a60d1 ■#d160c8 ■#d16a60 ■#c8d160