キーカラーKey Color

配色の基準となる色

■#31b924

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

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

■#31b924 ■#0d330a ■#1a6613 ■#27991d ■#35cc27 ■#42ff30

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

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

■#31b924 ■#98ba95 ■#76ba70 ■#54ba4a ■#32ba25 ■#10ba00

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

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

■#31b924 ■#ae23ba

トライアド配色Triads

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

■#31b924 ■#2330ba ■#ba2330

アナロガス配色Analogous

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

■#baae23 ■#31b924 ■#23baae

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

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

■#31b924 ■#6223ba ■#ba237b

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

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

■#31b924 ■#2330ba ■#ae23ba ■#baae23

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

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

■#31b924 ■#237bba ■#ae23ba ■#ba6223

ペンタード配色Pentad

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

■#31b924 ■#23a9ba ■#5323ba ■#ba236c ■#ba8f23

ヘクサード配色Hexad

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

■#31b924 ■#23baae ■#2330ba ■#ae23ba ■#ba2330 ■#baae23