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

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

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

キーカラーKey Color

配色の基準となる色

#ddf223の配色パターン

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

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

#ddf223の配色パターン

#2f3307の配色パターン

#5d660eの配色パターン

#8c9915の配色パターン

#bacc1dの配色パターン

#e9ff24の配色パターン

■#ddf223 ■#2f3307 ■#5d660e ■#8c9915 ■#bacc1d ■#e9ff24

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

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

#ddf223の配色パターン

#edf2c2の配色パターン

#e9f291の配色パターン

#e4f261の配色パターン

#dff230の配色パターン

#daf200の配色パターン

■#ddf223 ■#edf2c2 ■#e9f291 ■#e4f261 ■#dff230 ■#daf200

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

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

#ddf223の配色パターン

#3722f2の配色パターン

■#ddf223 ■#3722f2

トライアド配色Triads

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

#ddf223の配色パターン

#22ddf2の配色パターン

#f222ddの配色パターン

■#ddf223 ■#22ddf2 ■#f222dd

アナロガス配色Analogous

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

#f23722の配色パターン

#ddf223の配色パターン

#22f237の配色パターン

■#f23722 ■#ddf223 ■#22f237

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

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

#ddf223の配色パターン

#2275f2の配色パターン

#9f22f2の配色パターン

■#ddf223 ■#2275f2 ■#9f22f2

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

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

#ddf223の配色パターン

#22ddf2の配色パターン

#3722f2の配色パターン

#f23722の配色パターン

■#ddf223 ■#22ddf2 ■#3722f2 ■#f23722

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

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

#ddf223の配色パターン

#22f29fの配色パターン

#3722f2の配色パターン

#f22275の配色パターン

■#ddf223 ■#22f29f ■#3722f2 ■#f22275

ペンタード配色Pentad

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

#ddf223の配色パターン

#22f260の配色パターン

#228af2の配色パターン

#b422f2の配色パターン

#f22237の配色パターン

■#ddf223 ■#22f260 ■#228af2 ■#b422f2 ■#f22237

ヘクサード配色Hexad

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

#ddf223の配色パターン

#22f237の配色パターン

#22ddf2の配色パターン

#3722f2の配色パターン

#f222ddの配色パターン

#f23722の配色パターン

■#ddf223 ■#22f237 ■#22ddf2 ■#3722f2 ■#f222dd ■#f23722