#77cc66の配色パターン、色の組み合わせが一目でわかるWEB色見本

色見本ごとの配色パターン一覧

キーカラーKey Color

配色の基準となる色

■#77cc66

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

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

■#77cc66■#1e331a■#3c6633■#59994d■#77cc66■#95ff80

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

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

■#77cc66■#aacca3■#88cc7a■#66cc52■#44cc29■#22cc00

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

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

■#77cc66■#bb66cc

トライアド配色Triads

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

■#77cc66■#6677cc■#cc6677

アナロガス配色Analogous

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

■#ccbb66■#77cc66■#66ccbb

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

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

■#77cc66■#8866cc■#cc66aa

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

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

■#77cc66■#6677cc■#bb66cc■#ccbb66

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

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

■#77cc66■#66aacc■#bb66cc■#cc8866

ペンタード配色Pentad

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

■#77cc66■#66c9cc■#7e66cc■#cc66a0■#cca766

ヘクサード配色Hexad

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

■#77cc66■#66ccbb■#6677cc■#bb66cc■#cc6677■#ccbb66