グリーンフォッグの配色パターン、色の組み合わせが一目でわかるWEB色見本

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

グリーンフォッグの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#abb1adの配色パターン

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

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

#abb1adの配色パターン

#313332の配色パターン

#636664の配色パターン

#949996の配色パターン

#c6ccc8の配色パターン

#f7fffaの配色パターン

■#abb1ad ■#313332 ■#636664 ■#949996 ■#c6ccc8 ■#f7fffa

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

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

#abb1adの配色パターン

#8db098の配色パターン

#6ab081の配色パターン

#46b06aの配色パターン

#23b052の配色パターン

#00b03bの配色パターン

■#abb1ad ■#8db098 ■#6ab081 ■#46b06a ■#23b052 ■#00b03b

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

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

#abb1adの配色パターン

#b0abaeの配色パターン

■#abb1ad ■#b0abae

トライアド配色Triads

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

#abb1adの配色パターン

#acabb0の配色パターン

#b0acabの配色パターン

■#abb1ad ■#acabb0 ■#b0acab

アナロガス配色Analogous

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

#aeb0abの配色パターン

#abb1adの配色パターン

#abaeb0の配色パターン

■#aeb0ab ■#abb1ad ■#abaeb0

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

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

#abb1adの配色パターン

#afabb0の配色パターン

#b0abacの配色パターン

■#abb1ad ■#afabb0 ■#b0abac

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

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

#abb1adの配色パターン

#acabb0の配色パターン

#b0abaeの配色パターン

#aeb0abの配色パターン

■#abb1ad ■#acabb0 ■#b0abae ■#aeb0ab

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

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

#abb1adの配色パターン

#abacb0の配色パターン

#b0abaeの配色パターン

#b0afabの配色パターン

■#abb1ad ■#abacb0 ■#b0abae ■#b0afab

ペンタード配色Pentad

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

#abb1adの配色パターン

#abadb0の配色パターン

#afabb0の配色パターン

#b0ababの配色パターン

#afb0abの配色パターン

■#abb1ad ■#abadb0 ■#afabb0 ■#b0abab ■#afb0ab

ヘクサード配色Hexad

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

#abb1adの配色パターン

#abaeb0の配色パターン

#acabb0の配色パターン

#b0abaeの配色パターン

#b0acabの配色パターン

#aeb0abの配色パターン

■#abb1ad ■#abaeb0 ■#acabb0 ■#b0abae ■#b0acab ■#aeb0ab