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

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

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

キーカラーKey Color

配色の基準となる色

#50ab78の配色パターン

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

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

#50ab78の配色パターン

#183324の配色パターン

#306647の配色パターン

#48996bの配色パターン

#60cc8fの配色パターン

#78ffb2の配色パターン

■#50ab78 ■#183324 ■#306647 ■#48996b ■#60cc8f ■#78ffb2

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

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

#50ab78の配色パターン

#89ab97の配色パターン

#67ab84の配色パターン

#44ab71の配色パターン

#22ab5dの配色パターン

#00ab4aの配色パターン

■#50ab78 ■#89ab97 ■#67ab84 ■#44ab71 ■#22ab5d ■#00ab4a

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

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

#50ab78の配色パターン

#ab5084の配色パターン

■#50ab78 ■#ab5084

トライアド配色Triads

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

#50ab78の配色パターン

#7850abの配色パターン

#ab7850の配色パターン

■#50ab78 ■#7850ab ■#ab7850

アナロガス配色Analogous

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

#84ab50の配色パターン

#50ab78の配色パターン

#5084abの配色パターン

■#84ab50 ■#50ab78 ■#5084ab

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

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

#50ab78の配色パターン

#a550abの配色パターン

#ab5056の配色パターン

■#50ab78 ■#a550ab ■#ab5056

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

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

#50ab78の配色パターン

#7850abの配色パターン

#ab5084の配色パターン

#84ab50の配色パターン

■#50ab78 ■#7850ab ■#ab5084 ■#84ab50

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

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

#50ab78の配色パターン

#5056abの配色パターン

#ab5084の配色パターン

#aba550の配色パターン

■#50ab78 ■#5056ab ■#ab5084 ■#aba550

ペンタード配色Pentad

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

#50ab78の配色パターン

#5072abの配色パターン

#9c50abの配色パターン

#ab5350の配色パターン

#96ab50の配色パターン

■#50ab78 ■#5072ab ■#9c50ab ■#ab5350 ■#96ab50

ヘクサード配色Hexad

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

#50ab78の配色パターン

#5084abの配色パターン

#7850abの配色パターン

#ab5084の配色パターン

#ab7850の配色パターン

#84ab50の配色パターン

■#50ab78 ■#5084ab ■#7850ab ■#ab5084 ■#ab7850 ■#84ab50