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

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

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

キーカラーKey Color

配色の基準となる色

#fafcccの配色パターン

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

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

#fafcccの配色パターン

#333329の配色パターン

#656653の配色パターン

#98997cの配色パターン

#cbcca5の配色パターン

#fdffcfの配色パターン

■#fafccc ■#333329 ■#656653 ■#98997c ■#cbcca5 ■#fdffcf

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

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

#fafcccの配色パターン

#fbfccaの配色パターン

#f9fc97の配色パターン

#f7fc65の配色パターン

#f6fc32の配色パターン

#f4fc00の配色パターン

■#fafccc ■#fbfcca ■#f9fc97 ■#f7fc65 ■#f6fc32 ■#f4fc00

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

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

#fafcccの配色パターン

#ceccfcの配色パターン

■#fafccc ■#ceccfc

トライアド配色Triads

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

#fafcccの配色パターン

#ccfbfcの配色パターン

#fcccfbの配色パターン

■#fafccc ■#ccfbfc ■#fcccfb

アナロガス配色Analogous

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

#fcceccの配色パターン

#fafcccの配色パターン

#ccfcceの配色パターン

■#fccecc ■#fafccc ■#ccfcce

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

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

#fafcccの配色パターン

#cce3fcの配色パターン

#e6ccfcの配色パターン

■#fafccc ■#cce3fc ■#e6ccfc

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

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

#fafcccの配色パターン

#ccfbfcの配色パターン

#ceccfcの配色パターン

#fcceccの配色パターン

■#fafccc ■#ccfbfc ■#ceccfc ■#fccecc

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

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

#fafcccの配色パターン

#ccfce6の配色パターン

#ceccfcの配色パターン

#fccce3の配色パターン

■#fafccc ■#ccfce6 ■#ceccfc ■#fccce3

ペンタード配色Pentad

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

#fafcccの配色パターン

#ccfcd8の配色パターン

#cce8fcの配色パターン

#ebccfcの配色パターン

#fcccd4の配色パターン

■#fafccc ■#ccfcd8 ■#cce8fc ■#ebccfc ■#fcccd4

ヘクサード配色Hexad

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

#fafcccの配色パターン

#ccfcceの配色パターン

#ccfbfcの配色パターン

#ceccfcの配色パターン

#fcccfbの配色パターン

#fcceccの配色パターン

■#fafccc ■#ccfcce ■#ccfbfc ■#ceccfc ■#fcccfb ■#fccecc