キーカラーKey Color

配色の基準となる色

■#337a3f

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

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

■#337a3f ■#15331a ■#2b6635 ■#40994f ■#56cc69 ■#6bff84

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

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

■#337a3f ■#627a66 ■#497a52 ■#317a3d ■#187a29 ■#007a14

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

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

■#337a3f ■#7a336f

トライアド配色Triads

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

■#337a3f ■#3f337a ■#7a3f33

アナロガス配色Analogous

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

■#6f7a33 ■#337a3f ■#336f7a

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

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

■#337a3f ■#63337a ■#7a334b

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

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

■#337a3f ■#3f337a ■#7a336f ■#6f7a33

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

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

■#337a3f ■#334b7a ■#7a336f ■#7a6333

ペンタード配色Pentad

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

■#337a3f ■#33607a ■#5c337a ■#7a3344 ■#7a7833

ヘクサード配色Hexad

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

■#337a3f ■#336f7a ■#3f337a ■#7a336f ■#7a3f33 ■#6f7a33