COLOR ENCYCLOPEDIA#A52A2A
ぶらうん
ブラウン
Brown
ブラウンはWeb・デザインでも広く使われる基本色名です。色しるべではCSS named color「brown」の #A52A2A をデジタル代表値として採用します。
HEX
#A52A2A
RGB
165, 42, 42
HSL
0.0°, 59.4%, 40.6%
CMYK参考値
0.0%, 74.6%, 74.6%, 35.3%
※ CMYKはICCプロファイルを使用しない一般的な参考換算値です。印刷条件によって値は異なります。
SOURCE COMPARISON
資料による色の違い
伝統色や歴史的な色名では、資料や規格によって代表色値が異なることがあります。色しるべでは確認済みの資料値を並べ、代表値との差をΔE00でも比較します。
| 色 | 資料 | HEX | マンセル | 代表値との差 |
|---|---|---|---|---|
| 非公開: W3C CSS Color Module Level 4 | #A52A2A | — | ΔE00 0.00 | |
| 非公開: JIS慣用色名 公開対応表（マンセル値・RGB(16)） | #6D4C33 | 5YR 3.5/4 | ΔE00 18.72 |
COLOR DIFFERENCE
ブラウンと近い色を数値で比べる
下の「近い色一覧」とは役割を分け、ここでは近い3色について、明るさ・鮮やかさ・色相がどう違うかを比較します。
ブラウン
ブリック
ブラウン
ブラウニッシュレッド
ブラウン
Lipstick Red
SIMILAR COLORS
ブラウンに近い色
CIEDE2000による色差ΔE00を使い、色しるべの登録色から近い色を表示します。
JAPANESE COLORS
ブラウンに近い日本の伝統色
EXPLORE DIRECTION
ブラウンから「もっと○○」な色を探す
OKLChの明るさ・クロマ・色相を基準に、現在の色から少し方向を変えた登録色を自動で選びます。
COLOR PALETTE
ブラウンを使った配色
OKLChを基準に機械的に生成した配色候補です。実際の用途や文字の読みやすさに合わせて調整してください。
類似色基準色の近くにある色相を組み合わせます。まとまりを作りやすい配色です。配色ラボで調整する →
補色色相環で反対側に位置する2色を組み合わせます。コントラストが強い配色です。配色ラボで調整する →
トライアド色相環を約120度ずつ3分割した3色を使います。配色ラボで調整する →
COLOR INDEX
ブラウンの分類
COLOR DATA
ブラウンの詳細な色彩データ
| HEX | #A52A2A |
|---|---|
| RGB | 165, 42, 42 |
| CMYK参考値 | 0.0%, 74.6%, 74.6%, 35.3% |
| HSL | 0.0°, 59.4%, 40.6% |
| HSV | 0.00°, 74.55%, 64.71% |
| CIELAB | L* 37.5265 / a* 49.6903 / b* 30.5432 |
| CIELCh | L* 37.5265 / C* 58.3268 / h 31.58° |
| OKLab | L 0.480613 / a 0.144029 / b 0.068890 |
| OKLCh | L 0.480613 / C 0.159656 / h 25.56° |
| 相対輝度 | 0.098224 |
| 白とのコントラスト | 7.08:1 |
| 黒とのコントラスト | 2.96:1 |
Lab・LChはsRGBからD65基準で算出しています。CMYKは印刷プロファイルを指定しない参考換算値です。
代表色値の出典・確認情報
CSS named colorの規格値を主値として採用。JIS値は別variantで比較できるよう保持。
この色をもっと調べるブラウン
RELATED COLORS
ブラウンから、さらに色を探す
色系統・分類・由来・季節などの共通点から、関連する色と一覧ページを自動でつないでいます。