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

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

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

キーカラーKey Color

配色の基準となる色

#0fd13fの配色パターン

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

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

#0fd13fの配色パターン

#04330fの配色パターン

#07661fの配色パターン

#0b992eの配色パターン

#0ecc3eの配色パターン

#12ff4dの配色パターン

■#0fd13f ■#04330f ■#07661f ■#0b992e ■#0ecc3e ■#12ff4d

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

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

#0fd13fの配色パターン

#a7d1b2の配色パターン

#7dd192の配色パターン

#54d173の配色パターン

#2ad154の配色パターン

#00d134の配色パターン

■#0fd13f ■#a7d1b2 ■#7dd192 ■#54d173 ■#2ad154 ■#00d134

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

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

#0fd13fの配色パターン

#d10fa0の配色パターン

■#0fd13f ■#d10fa0

トライアド配色Triads

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

#0fd13fの配色パターン

#3f0fd1の配色パターン

#d13f0fの配色パターン

■#0fd13f ■#3f0fd1 ■#d13f0f

アナロガス配色Analogous

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

#a0d10fの配色パターン

#0fd13fの配色パターン

#0fa0d1の配色パターン

■#a0d10f ■#0fd13f ■#0fa0d1

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

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

#0fd13fの配色パターン

#a00fd1の配色パターン

#d10f3fの配色パターン

■#0fd13f ■#a00fd1 ■#d10f3f

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

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

#0fd13fの配色パターン

#3f0fd1の配色パターン

#d10fa0の配色パターン

#a0d10fの配色パターン

■#0fd13f ■#3f0fd1 ■#d10fa0 ■#a0d10f

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

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

#0fd13fの配色パターン

#0f3fd1の配色パターン

#d10fa0の配色パターン

#d1a00fの配色パターン

■#0fd13f ■#0f3fd1 ■#d10fa0 ■#d1a00f

ペンタード配色Pentad

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

#0fd13fの配色パターン

#0f7ad1の配色パターン

#8d0fd1の配色パターン

#d10f2cの配色パターン

#c7d10fの配色パターン

■#0fd13f ■#0f7ad1 ■#8d0fd1 ■#d10f2c ■#c7d10f

ヘクサード配色Hexad

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

#0fd13fの配色パターン

#0fa0d1の配色パターン

#3f0fd1の配色パターン

#d10fa0の配色パターン

#d13f0fの配色パターン

#a0d10fの配色パターン

■#0fd13f ■#0fa0d1 ■#3f0fd1 ■#d10fa0 ■#d13f0f ■#a0d10f