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

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

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

キーカラーKey Color

配色の基準となる色

#b9f551の配色パターン

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

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

#b9f551の配色パターン

#263311の配色パターン

#4d6622の配色パターン

#739932の配色パターン

#9acc43の配色パターン

#c0ff54の配色パターン

■#b9f551 ■#263311 ■#4d6622 ■#739932 ■#9acc43 ■#c0ff54

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

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

#b9f551の配色パターン

#e3f5c4の配色パターン

#d1f593の配色パターン

#bff562の配色パターン

#adf531の配色パターン

#9bf500の配色パターン

■#b9f551 ■#e3f5c4 ■#d1f593 ■#bff562 ■#adf531 ■#9bf500

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

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

#b9f551の配色パターン

#8d51f5の配色パターン

■#b9f551 ■#8d51f5

トライアド配色Triads

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

#b9f551の配色パターン

#51b9f5の配色パターン

#f551b9の配色パターン

■#b9f551 ■#51b9f5 ■#f551b9

アナロガス配色Analogous

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

#f58d51の配色パターン

#b9f551の配色パターン

#51f58dの配色パターン

■#f58d51 ■#b9f551 ■#51f58d

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

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

#b9f551の配色パターン

#5167f5の配色パターン

#df51f5の配色パターン

■#b9f551 ■#5167f5 ■#df51f5

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

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

#b9f551の配色パターン

#51b9f5の配色パターン

#8d51f5の配色パターン

#f58d51の配色パターン

■#b9f551 ■#51b9f5 ■#8d51f5 ■#f58d51

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

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

#b9f551の配色パターン

#51f5dfの配色パターン

#8d51f5の配色パターン

#f55167の配色パターン

■#b9f551 ■#51f5df ■#8d51f5 ■#f55167

ペンタード配色Pentad

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

#b9f551の配色パターン

#51f5aeの配色パターン

#5177f5の配色パターン

#ef51f5の配色パターン

#f56c51の配色パターン

■#b9f551 ■#51f5ae ■#5177f5 ■#ef51f5 ■#f56c51

ヘクサード配色Hexad

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

#b9f551の配色パターン

#51f58dの配色パターン

#51b9f5の配色パターン

#8d51f5の配色パターン

#f551b9の配色パターン

#f58d51の配色パターン

■#b9f551 ■#51f58d ■#51b9f5 ■#8d51f5 ■#f551b9 ■#f58d51