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

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

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

キーカラーKey Color

配色の基準となる色

#02abedの配色パターン

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

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

#02abedの配色パターン

#012533の配色パターン

#014966の配色パターン

#026e99の配色パターン

#0293ccの配色パターン

#03b7ffの配色パターン

■#02abed ■#012533 ■#014966 ■#026e99 ■#0293cc ■#03b7ff

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

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

#02abedの配色パターン

#bee0edの配色パターン

#8ed2edの配色パターン

#5fc5edの配色パターン

#2fb7edの配色パターン

#00aaedの配色パターン

■#02abed ■#bee0ed ■#8ed2ed ■#5fc5ed ■#2fb7ed ■#00aaed

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

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

#02abedの配色パターン

#ed4502の配色パターン

■#02abed ■#ed4502

トライアド配色Triads

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

#02abedの配色パターン

#ed02abの配色パターン

#abed02の配色パターン

■#02abed ■#ed02ab ■#abed02

アナロガス配色Analogous

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

#02ed45の配色パターン

#02abedの配色パターン

#4502edの配色パターン

■#02ed45 ■#02abed ■#4502ed

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

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

#02abedの配色パターン

#ed0235の配色パターン

#edba02の配色パターン

■#02abed ■#ed0235 ■#edba02

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

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

#02abedの配色パターン

#ed02abの配色パターン

#ed4502の配色パターン

#02ed45の配色パターン

■#02abed ■#ed02ab ■#ed4502 ■#02ed45

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

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

#02abedの配色パターン

#ba02edの配色パターン

#ed4502の配色パターン

#35ed02の配色パターン

■#02abed ■#ba02ed ■#ed4502 ■#35ed02

ペンタード配色Pentad

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

#02abedの配色パターン

#7402edの配色パターン

#ed024dの配色パターン

#edd202の配色パターン

#02ed16の配色パターン

■#02abed ■#7402ed ■#ed024d ■#edd202 ■#02ed16

ヘクサード配色Hexad

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

#02abedの配色パターン

#4502edの配色パターン

#ed02abの配色パターン

#ed4502の配色パターン

#abed02の配色パターン

#02ed45の配色パターン

■#02abed ■#4502ed ■#ed02ab ■#ed4502 ■#abed02 ■#02ed45