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

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

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

キーカラーKey Color

配色の基準となる色

#b1ed8cの配色パターン

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

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

#b1ed8cの配色パターン

#26331eの配色パターン

#4c663cの配色パターン

#72995aの配色パターン

#98cc78の配色パターン

#bfff96の配色パターン

■#b1ed8c ■#26331e ■#4c663c ■#72995a ■#98cc78 ■#bfff96

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

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

#b1ed8cの配色パターン

#d0edbeの配色パターン

#b3ed8eの配色パターン

#95ed5fの配色パターン

#78ed2fの配色パターン

#5bed00の配色パターン

■#b1ed8c ■#d0edbe ■#b3ed8e ■#95ed5f ■#78ed2f ■#5bed00

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

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

#b1ed8cの配色パターン

#c88cedの配色パターン

■#b1ed8c ■#c88ced

トライアド配色Triads

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

#b1ed8cの配色パターン

#8cb1edの配色パターン

#ed8cb1の配色パターン

■#b1ed8c ■#8cb1ed ■#ed8cb1

アナロガス配色Analogous

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

#edc88cの配色パターン

#b1ed8cの配色パターン

#8cedc8の配色パターン

■#edc88c ■#b1ed8c ■#8cedc8

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

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

#b1ed8cの配色パターン

#978cedの配色パターン

#ed8ce2の配色パターン

■#b1ed8c ■#978ced ■#ed8ce2

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

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

#b1ed8cの配色パターン

#8cb1edの配色パターン

#c88cedの配色パターン

#edc88cの配色パターン

■#b1ed8c ■#8cb1ed ■#c88ced ■#edc88c

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

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

#b1ed8cの配色パターン

#8ce2edの配色パターン

#c88cedの配色パターン

#ed978cの配色パターン

■#b1ed8c ■#8ce2ed ■#c88ced ■#ed978c

ペンタード配色Pentad

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

#b1ed8cの配色パターン

#8ceddbの配色パターン

#8e8cedの配色パターン

#ed8cd8の配色パターン

#edb48cの配色パターン

■#b1ed8c ■#8ceddb ■#8e8ced ■#ed8cd8 ■#edb48c

ヘクサード配色Hexad

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

#b1ed8cの配色パターン

#8cedc8の配色パターン

#8cb1edの配色パターン

#c88cedの配色パターン

#ed8cb1の配色パターン

#edc88cの配色パターン

■#b1ed8c ■#8cedc8 ■#8cb1ed ■#c88ced ■#ed8cb1 ■#edc88c