キーカラーKey Color

配色の基準となる色

■#77d0aa

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

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

■#77d0aa ■#1d3329 ■#3a6653 ■#57997c ■#74cca6 ■#91ffcf

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

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

■#77d0aa ■#a7d1bf ■#7dd1ad ■#54d19b ■#2ad189 ■#00d176

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

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

■#77d0aa ■#d1779e

トライアド配色Triads

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

■#77d0aa ■#aa77d1 ■#d1aa77

アナロガス配色Analogous

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

■#9ed177 ■#77d0aa ■#779ed1

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

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

■#77d0aa ■#d177cb ■#d17d77

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

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

■#77d0aa ■#aa77d1 ■#d1779e ■#9ed177

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

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

■#77d0aa ■#7d77d1 ■#d1779e ■#cbd177

ペンタード配色Pentad

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

■#77d0aa ■#778cd1 ■#ce77d1 ■#d18677 ■#b0d177

ヘクサード配色Hexad

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

■#77d0aa ■#779ed1 ■#aa77d1 ■#d1779e ■#d1aa77 ■#9ed177