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

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

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

キーカラーKey Color

配色の基準となる色

#2b7cedの配色パターン

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

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

#2b7cedの配色パターン

#091b33の配色パターン

#123566の配色パターン

#1c5099の配色パターン

#256accの配色パターン

#2e85ffの配色パターン

■#2b7ced ■#091b33 ■#123566 ■#1c5099 ■#256acc ■#2e85ff

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

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

#2b7cedの配色パターン

#bed1edの配色パターン

#8eb6edの配色パターン

#5f9aedの配色パターン

#2f7eedの配色パターン

#0063edの配色パターン

■#2b7ced ■#bed1ed ■#8eb6ed ■#5f9aed ■#2f7eed ■#0063ed

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

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

#2b7cedの配色パターン

#ed9c2bの配色パターン

■#2b7ced ■#ed9c2b

トライアド配色Triads

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

#2b7cedの配色パターン

#ed2b7cの配色パターン

#7ced2bの配色パターン

■#2b7ced ■#ed2b7c ■#7ced2b

アナロガス配色Analogous

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

#2bed9cの配色パターン

#2b7cedの配色パターン

#9c2bedの配色パターン

■#2bed9c ■#2b7ced ■#9c2bed

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

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

#2b7cedの配色パターン

#ed3b2bの配色パターン

#dded2bの配色パターン

■#2b7ced ■#ed3b2b ■#dded2b

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

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

#2b7cedの配色パターン

#ed2b7cの配色パターン

#ed9c2bの配色パターン

#2bed9cの配色パターン

■#2b7ced ■#ed2b7c ■#ed9c2b ■#2bed9c

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

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

#2b7cedの配色パターン

#ed2bddの配色パターン

#ed9c2bの配色パターン

#2bed3bの配色パターン

■#2b7ced ■#ed2bdd ■#ed9c2b ■#2bed3b

ペンタード配色Pentad

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

#2b7cedの配色パターン

#c32bedの配色パターン

#ed2b2eの配色パターン

#c9ed2bの配色パターン

#2bed75の配色パターン

■#2b7ced ■#c32bed ■#ed2b2e ■#c9ed2b ■#2bed75

ヘクサード配色Hexad

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

#2b7cedの配色パターン

#9c2bedの配色パターン

#ed2b7cの配色パターン

#ed9c2bの配色パターン

#7ced2bの配色パターン

#2bed9cの配色パターン

■#2b7ced ■#9c2bed ■#ed2b7c ■#ed9c2b ■#7ced2b ■#2bed9c