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

色見本ごとの配色パターン一覧

キーカラーKey Color

配色の基準となる色

■#12b878

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

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

■#12b878■#053321■#0a6643■#0f9964■#14cc86■#1affa7

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

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

■#12b878■#93b8aa■#6eb89b■#49b88d■#25b87f■#00b871

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

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

■#12b878■#b81252

トライアド配色Triads

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

■#12b878■#7812b8■#b87812

アナロガス配色Analogous

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

■#52b812■#12b878■#1252b8

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

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

■#12b878■#b812a4■#b82612

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

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

■#12b878■#7812b8■#b81252■#52b812

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

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

■#12b878■#2612b8■#b81252■#a4b812

ペンタード配色Pentad

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

■#12b878■#1231b8■#b812b5■#b83612■#73b812

ヘクサード配色Hexad

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

■#12b878■#1252b8■#7812b8■#b81252■#b87812■#52b812