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

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

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

キーカラーKey Color

配色の基準となる色

#0c96eeの配色パターン

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

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

#0c96eeの配色パターン

#032033の配色パターン

#054166の配色パターン

#086199の配色パターン

#0a82ccの配色パターン

#0da2ffの配色パターン

■#0c96ee ■#032033 ■#054166 ■#086199 ■#0a82cc ■#0da2ff

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

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

#0c96eeの配色パターン

#bedbedの配色パターン

#8ec9edの配色パターン

#5fb7edの配色パターン

#2fa4edの配色パターン

#0092edの配色パターン

■#0c96ee ■#bedbed ■#8ec9ed ■#5fb7ed ■#2fa4ed ■#0092ed

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

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

#0c96eeの配色パターン

#ed620cの配色パターン

■#0c96ee ■#ed620c

トライアド配色Triads

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

#0c96eeの配色パターン

#ed0c97の配色パターン

#97ed0cの配色パターン

■#0c96ee ■#ed0c97 ■#97ed0c

アナロガス配色Analogous

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

#0ced62の配色パターン

#0c96eeの配色パターン

#620cedの配色パターン

■#0ced62 ■#0c96ee ■#620ced

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

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

#0c96eeの配色パターン

#ed0c26の配色パターン

#edd30cの配色パターン

■#0c96ee ■#ed0c26 ■#edd30c

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

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

#0c96eeの配色パターン

#ed0c97の配色パターン

#ed620cの配色パターン

#0ced62の配色パターン

■#0c96ee ■#ed0c97 ■#ed620c ■#0ced62

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

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

#0c96eeの配色パターン

#d30cedの配色パターン

#ed620cの配色パターン

#26ed0cの配色パターン

■#0c96ee ■#d30ced ■#ed620c ■#26ed0c

ペンタード配色Pentad

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

#0c96eeの配色パターン

#8f0cedの配色パターン

#ed0c3dの配色パターン

#ede90cの配色パターン

#0ced35の配色パターン

■#0c96ee ■#8f0ced ■#ed0c3d ■#ede90c ■#0ced35

ヘクサード配色Hexad

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

#0c96eeの配色パターン

#620cedの配色パターン

#ed0c97の配色パターン

#ed620cの配色パターン

#97ed0cの配色パターン

#0ced62の配色パターン

■#0c96ee ■#620ced ■#ed0c97 ■#ed620c ■#97ed0c ■#0ced62