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

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

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

キーカラーKey Color

配色の基準となる色

#00b509の配色パターン

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

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

#00b509の配色パターン

#003303の配色パターン

#006605の配色パターン

#009908の配色パターン

#00cc0aの配色パターン

#00ff0dの配色パターン

■#00b509 ■#003303 ■#006605 ■#009908 ■#00cc0a ■#00ff0d

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

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

#00b509の配色パターン

#91b593の配色パターン

#6db570の配色パターン

#48b54eの配色パターン

#24b52bの配色パターン

#00b509の配色パターン

■#00b509 ■#91b593 ■#6db570 ■#48b54e ■#24b52b ■#00b509

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

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

#00b509の配色パターン

#b500acの配色パターン

■#00b509 ■#b500ac

トライアド配色Triads

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

#00b509の配色パターン

#0900b5の配色パターン

#b50900の配色パターン

■#00b509 ■#0900b5 ■#b50900

アナロガス配色Analogous

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

#acb500の配色パターン

#00b509の配色パターン

#00acb5の配色パターン

■#acb500 ■#00b509 ■#00acb5

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

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

#00b509の配色パターン

#6400b5の配色パターン

#b50051の配色パターン

■#00b509 ■#6400b5 ■#b50051

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

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

#00b509の配色パターン

#0900b5の配色パターン

#b500acの配色パターン

#acb500の配色パターン

■#00b509 ■#0900b5 ■#b500ac ■#acb500

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

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

#00b509の配色パターン

#0051b5の配色パターン

#b500acの配色パターン

#b56400の配色パターン

■#00b509 ■#0051b5 ■#b500ac ■#b56400

ペンタード配色Pentad

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

#00b509の配色パターン

#0088b5の配色パターン

#5100b5の配色パターン

#b5003fの配色パターン

#b59a00の配色パターン

■#00b509 ■#0088b5 ■#5100b5 ■#b5003f ■#b59a00

ヘクサード配色Hexad

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

#00b509の配色パターン

#00acb5の配色パターン

#0900b5の配色パターン

#b500acの配色パターン

#b50900の配色パターン

#acb500の配色パターン

■#00b509 ■#00acb5 ■#0900b5 ■#b500ac ■#b50900 ■#acb500