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

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

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

キーカラーKey Color

配色の基準となる色

#8f9603の配色パターン

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

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

#8f9603の配色パターン

#313301の配色パターン

#616602の配色パターン

#929903の配色パターン

#c2cc04の配色パターン

#f3ff05の配色パターン

■#8f9603 ■#313301 ■#616602 ■#929903 ■#c2cc04 ■#f3ff05

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

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

#8f9603の配色パターン

#959678の配色パターン

#93965aの配色パターン

#92963cの配色パターン

#90961eの配色パターン

#8f9600の配色パターン

■#8f9603 ■#959678 ■#93965a ■#92963c ■#90961e ■#8f9600

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

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

#8f9603の配色パターン

#0a0396の配色パターン

■#8f9603 ■#0a0396

トライアド配色Triads

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

#8f9603の配色パターン

#038f96の配色パターン

#96038fの配色パターン

■#8f9603 ■#038f96 ■#96038f

アナロガス配色Analogous

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

#960a03の配色パターン

#8f9603の配色パターン

#03960aの配色パターン

■#960a03 ■#8f9603 ■#03960a

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

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

#8f9603の配色パターン

#034596の配色パターン

#540396の配色パターン

■#8f9603 ■#034596 ■#540396

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

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

#8f9603の配色パターン

#038f96の配色パターン

#0a0396の配色パターン

#960a03の配色パターン

■#8f9603 ■#038f96 ■#0a0396 ■#960a03

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

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

#8f9603の配色パターン

#039654の配色パターン

#0a0396の配色パターン

#960345の配色パターン

■#8f9603 ■#039654 ■#0a0396 ■#960345

ペンタード配色Pentad

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

#8f9603の配色パターン

#039628の配色パターン

#035496の配色パターン

#630396の配色パターン

#960319の配色パターン

■#8f9603 ■#039628 ■#035496 ■#630396 ■#960319

ヘクサード配色Hexad

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

#8f9603の配色パターン

#03960aの配色パターン

#038f96の配色パターン

#0a0396の配色パターン

#96038fの配色パターン

#960a03の配色パターン

■#8f9603 ■#03960a ■#038f96 ■#0a0396 ■#96038f ■#960a03