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

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

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

キーカラーKey Color

配色の基準となる色

#93bff0の配色パターン

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

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

#93bff0の配色パターン

#1f2833の配色パターン

#3e5166の配色パターン

#5d7999の配色パターン

#7ca2ccの配色パターン

#9ccaffの配色パターン

■#93bff0 ■#1f2833 ■#3e5166 ■#5d7999 ■#7ca2cc ■#9ccaff

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

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

#93bff0の配色パターン

#c0d6f0の配色パターン

#90bdf0の配色パターン

#60a3f0の配色パターン

#3089f0の配色パターン

#0070f0の配色パターン

■#93bff0 ■#c0d6f0 ■#90bdf0 ■#60a3f0 ■#3089f0 ■#0070f0

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

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

#93bff0の配色パターン

#f0c492の配色パターン

■#93bff0 ■#f0c492

トライアド配色Triads

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

#93bff0の配色パターン

#f092beの配色パターン

#bef092の配色パターン

■#93bff0 ■#f092be ■#bef092

アナロガス配色Analogous

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

#92f0c4の配色パターン

#93bff0の配色パターン

#c492f0の配色パターン

■#92f0c4 ■#93bff0 ■#c492f0

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

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

#93bff0の配色パターン

#f09592の配色パターン

#edf092の配色パターン

■#93bff0 ■#f09592 ■#edf092

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

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

#93bff0の配色パターン

#f092beの配色パターン

#f0c492の配色パターン

#92f0c4の配色パターン

■#93bff0 ■#f092be ■#f0c492 ■#92f0c4

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

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

#93bff0の配色パターン

#f092edの配色パターン

#f0c492の配色パターン

#92f095の配色パターン

■#93bff0 ■#f092ed ■#f0c492 ■#92f095

ペンタード配色Pentad

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

#93bff0の配色パターン

#d792f0の配色パターン

#f09298の配色パターン

#e3f092の配色パターン

#92f0b1の配色パターン

■#93bff0 ■#d792f0 ■#f09298 ■#e3f092 ■#92f0b1

ヘクサード配色Hexad

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

#93bff0の配色パターン

#c492f0の配色パターン

#f092beの配色パターン

#f0c492の配色パターン

#bef092の配色パターン

#92f0c4の配色パターン

■#93bff0 ■#c492f0 ■#f092be ■#f0c492 ■#bef092 ■#92f0c4