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

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

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

キーカラーKey Color

配色の基準となる色

#fcceccの配色パターン

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

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

#fcceccの配色パターン

#332a29の配色パターン

#665453の配色パターン

#997d7cの配色パターン

#cca7a5の配色パターン

#ffd1cfの配色パターン

■#fccecc ■#332a29 ■#665453 ■#997d7c ■#cca7a5 ■#ffd1cf

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

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

#fcceccの配色パターン

#fccccaの配色パターン

#fc9d97の配色パターン

#fc6d65の配色パターン

#fc3d32の配色パターン

#fc0d00の配色パターン

■#fccecc ■#fcccca ■#fc9d97 ■#fc6d65 ■#fc3d32 ■#fc0d00

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

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

#fcceccの配色パターン

#ccfafcの配色パターン

■#fccecc ■#ccfafc

トライアド配色Triads

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

#fcceccの配色パターン

#ccfccfの配色パターン

#cfccfcの配色パターン

■#fccecc ■#ccfccf ■#cfccfc

アナロガス配色Analogous

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

#fcccfaの配色パターン

#fcceccの配色パターン

#fafcccの配色パターン

■#fcccfa ■#fccecc ■#fafccc

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

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

#fcceccの配色パターン

#ccfce7の配色パターン

#cce2fcの配色パターン

■#fccecc ■#ccfce7 ■#cce2fc

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

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

#fcceccの配色パターン

#ccfccfの配色パターン

#ccfafcの配色パターン

#fcccfaの配色パターン

■#fccecc ■#ccfccf ■#ccfafc ■#fcccfa

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

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

#fcceccの配色パターン

#e2fcccの配色パターン

#ccfafcの配色パターン

#e7ccfcの配色パターン

■#fccecc ■#e2fccc ■#ccfafc ■#e7ccfc

ペンタード配色Pentad

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

#fcceccの配色パターン

#f0fcccの配色パターン

#ccfce2の配色パターン

#ccddfcの配色パターン

#f5ccfcの配色パターン

■#fccecc ■#f0fccc ■#ccfce2 ■#ccddfc ■#f5ccfc

ヘクサード配色Hexad

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

#fcceccの配色パターン

#fafcccの配色パターン

#ccfccfの配色パターン

#ccfafcの配色パターン

#cfccfcの配色パターン

#fcccfaの配色パターン

■#fccecc ■#fafccc ■#ccfccf ■#ccfafc ■#cfccfc ■#fcccfa