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

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

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

キーカラーKey Color

配色の基準となる色

#1488c0の配色パターン

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

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

#1488c0の配色パターン

#052433の配色パターン

#0a4766の配色パターン

#0f6b99の配色パターン

#148fccの配色パターン

#1ab3ffの配色パターン

■#1488c0 ■#052433 ■#0a4766 ■#0f6b99 ■#148fcc ■#1ab3ff

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

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

#1488c0の配色パターン

#99b3bfの配色パターン

#73a6bfの配色パターン

#4d99bfの配色パターン

#268cbfの配色パターン

#0080bfの配色パターン

■#1488c0 ■#99b3bf ■#73a6bf ■#4d99bf ■#268cbf ■#0080bf

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

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

#1488c0の配色パターン

#bf4d13の配色パターン

■#1488c0 ■#bf4d13

トライアド配色Triads

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

#1488c0の配色パターン

#bf1386の配色パターン

#86bf13の配色パターン

■#1488c0 ■#bf1386 ■#86bf13

アナロガス配色Analogous

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

#13bf4dの配色パターン

#1488c0の配色パターン

#4d13bfの配色パターン

■#13bf4d ■#1488c0 ■#4d13bf

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

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

#1488c0の配色パターン

#bf1330の配色パターン

#bfa313の配色パターン

■#1488c0 ■#bf1330 ■#bfa313

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

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

#1488c0の配色パターン

#bf1386の配色パターン

#bf4d13の配色パターン

#13bf4dの配色パターン

■#1488c0 ■#bf1386 ■#bf4d13 ■#13bf4d

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

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

#1488c0の配色パターン

#a313bfの配色パターン

#bf4d13の配色パターン

#30bf13の配色パターン

■#1488c0 ■#a313bf ■#bf4d13 ■#30bf13

ペンタード配色Pentad

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

#1488c0の配色パターン

#6f13bfの配色パターン

#bf1341の配色パターン

#bfb413の配色パターン

#13bf2aの配色パターン

■#1488c0 ■#6f13bf ■#bf1341 ■#bfb413 ■#13bf2a

ヘクサード配色Hexad

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

#1488c0の配色パターン

#4d13bfの配色パターン

#bf1386の配色パターン

#bf4d13の配色パターン

#86bf13の配色パターン

#13bf4dの配色パターン

■#1488c0 ■#4d13bf ■#bf1386 ■#bf4d13 ■#86bf13 ■#13bf4d