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

Googleアカウントでログインすると広告表示が控えめになります

#77b572の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#77b572の配色パターン

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

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

#77b572の配色パターン

#213320の配色パターン

#436640の配色パターン

#649960の配色パターン

#86cc81の配色パターン

#a7ffa1の配色パターン

■#77b572 ■#213320 ■#436640 ■#649960 ■#86cc81 ■#a7ffa1

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

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

#77b572の配色パターン

#93b591の配色パターン

#71b56dの配色パターン

#50b548の配色パターン

#2eb524の配色パターン

#0cb500の配色パターン

■#77b572 ■#93b591 ■#71b56d ■#50b548 ■#2eb524 ■#0cb500

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

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

#77b572の配色パターン

#b172b5の配色パターン

■#77b572 ■#b172b5

トライアド配色Triads

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

#77b572の配色パターン

#7277b5の配色パターン

#b57277の配色パターン

■#77b572 ■#7277b5 ■#b57277

アナロガス配色Analogous

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

#b5b172の配色パターン

#77b572の配色パターン

#72b5b1の配色パターン

■#b5b172 ■#77b572 ■#72b5b1

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

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

#77b572の配色パターン

#8f72b5の配色パターン

#b57298の配色パターン

■#77b572 ■#8f72b5 ■#b57298

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

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

#77b572の配色パターン

#7277b5の配色パターン

#b172b5の配色パターン

#b5b172の配色パターン

■#77b572 ■#7277b5 ■#b172b5 ■#b5b172

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

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

#77b572の配色パターン

#7298b5の配色パターン

#b172b5の配色パターン

#b58f72の配色パターン

■#77b572 ■#7298b5 ■#b172b5 ■#b58f72

ペンタード配色Pentad

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

#77b572の配色パターン

#72acb5の配色パターン

#8872b5の配色パターン

#b57291の配色パターン

#b5a372の配色パターン

■#77b572 ■#72acb5 ■#8872b5 ■#b57291 ■#b5a372

ヘクサード配色Hexad

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

#77b572の配色パターン

#72b5b1の配色パターン

#7277b5の配色パターン

#b172b5の配色パターン

#b57277の配色パターン

#b5b172の配色パターン

■#77b572 ■#72b5b1 ■#7277b5 ■#b172b5 ■#b57277 ■#b5b172