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

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

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

キーカラーKey Color

配色の基準となる色

#48f782の配色パターン

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

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

#48f782の配色パターン

#0f331bの配色パターン

#1e6636の配色パターン

#2c9951の配色パターン

#3bcc6bの配色パターン

#4aff86の配色パターン

■#48f782 ■#0f331b ■#1e6636 ■#2c9951 ■#3bcc6b ■#4aff86

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

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

#48f782の配色パターン

#c6f7d6の配色パターン

#94f7b5の配色パターン

#63f794の配色パターン

#31f773の配色パターン

#00f752の配色パターン

■#48f782 ■#c6f7d6 ■#94f7b5 ■#63f794 ■#31f773 ■#00f752

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

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

#48f782の配色パターン

#f748bdの配色パターン

■#48f782 ■#f748bd

トライアド配色Triads

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

#48f782の配色パターン

#8248f7の配色パターン

#f78248の配色パターン

■#48f782 ■#8248f7 ■#f78248

アナロガス配色Analogous

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

#bdf748の配色パターン

#48f782の配色パターン

#48bdf7の配色パターン

■#bdf748 ■#48f782 ■#48bdf7

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

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

#48f782の配色パターン

#da48f7の配色パターン

#f74865の配色パターン

■#48f782 ■#da48f7 ■#f74865

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

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

#48f782の配色パターン

#8248f7の配色パターン

#f748bdの配色パターン

#bdf748の配色パターン

■#48f782 ■#8248f7 ■#f748bd ■#bdf748

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

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

#48f782の配色パターン

#4865f7の配色パターン

#f748bdの配色パターン

#f7da48の配色パターン

■#48f782 ■#4865f7 ■#f748bd ■#f7da48

ペンタード配色Pentad

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

#48f782の配色パターン

#489af7の配色パターン

#c948f7の配色パターン

#f74853の配色パターン

#e0f748の配色パターン

■#48f782 ■#489af7 ■#c948f7 ■#f74853 ■#e0f748

ヘクサード配色Hexad

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

#48f782の配色パターン

#48bdf7の配色パターン

#8248f7の配色パターン

#f748bdの配色パターン

#f78248の配色パターン

#bdf748の配色パターン

■#48f782 ■#48bdf7 ■#8248f7 ■#f748bd ■#f78248 ■#bdf748