水色の補色(反対色)一覧

水色の補色(反対色)はバフです。色相環で正反対に位置する水色×バフの組み合わせを一覧で確認し、デザイン・配色・UIにすぐ使えます。

メインカラー

水色
Light Blue
HEX #87CEEB
RGB rgb(135, 206, 235)

補色

バフ
Buff
HEX #EBA487
RGB rgb(235, 164, 135)

水色の補色(反対色)はバフです。色相環で正反対の水色×バフの組み合わせは、清涼感と元気さの対比を作ります。夏らしいデザインや子ども向けの配色では水色をベースに、バフでCTAやアイコンを強調すると効果的な配色になります。

補色(反対色)とは?

補色(反対色)とは、色相環でちょうど180°離れた位置にある2色の関係です。計算ではHSLまたはHSVの色相(hue)を取り出し、 hue + 180°(360°で折り返し)に回転させ、彩度と明度はそのまま維持します。この組み合わせは最も強いコントラストを生み、 視認性が高い配色としてデザイン、印刷、UI、信号、アートで広く使われます。

なぜ「水色」と「バフ」は補色なのか?

色相環での位置関係

水色は色相197°付近、バフはその180°反対の17°付近にあります。

視覚効果とコントラスト

水色とバフは視覚的な対比が強く、文字と背景の組み合わせで読みやすさを確保できます。 強調・CTA・警告色など、注目を集めたい場面にも向いています。

よくある質問(FAQ)

水色の反対色は何色?

水色の反対色(補色)はバフです。HEXは#EBA487、RGBはrgb(235, 164, 135)です。

補色と反対色は同じ意味?

はい、同じ意味で使われます。色相環で正反対にある色同士を指します。

補色はデザインで使いにくい?

強いコントラストが出るため、面積比や彩度を調整するとバランス良く使えます。

似ている水色のベースカラー

似ている水色の反対色