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

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

キーカラーKey Color

配色の基準となる色

■#affa00

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

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

■#affa00■#243300■#476600■#6b9900■#8fcc00■#b3ff00

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

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

■#affa00■#ebfac8■#dcfa96■#cdfa64■#befa32■#affa00

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

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

■#affa00■#4b00fa

トライアド配色Triads

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

■#affa00■#00affa■#fa00af

アナロガス配色Analogous

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

■#fa4b00■#affa00■#00fa4b

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

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

■#affa00■#0032fa■#c800fa

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

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

■#affa00■#00affa■#4b00fa■#fa4b00

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

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

■#affa00■#00fac8■#4b00fa■#fa0032

ペンタード配色Pentad

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

■#affa00■#00fa7d■#004bfa■#e100fa■#fa1900

ヘクサード配色Hexad

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

■#affa00■#00fa4b■#00affa■#4b00fa■#fa00af■#fa4b00