مدل HEX (HEX)
«مدل HEX (HEX)» یعنی نوشتن رنگ با شش رقم شانزده هشتی. مثل کُد قفل دوچرخه؛ هر جفت رقم یعنی شدت یک رنگ پایه.
ساختار کُد رنگ HEX
فرمول این است: #rrggbb. هر «rr/gg/bb» بین 00 تا ff است. 00 یعنی کمترین، ff یعنی بیشترین.
<div style="background-color:#ff0000;\n">#ff0000</div>
<div style="background-color:#0000ff;\n">#0000ff</div>
<div style="background-color:#3cb371;\n">#3cb371</div>
<div style="background-color:#ee82ee;\n">#ee82ee</div>
<div style="background-color:#ffa500;\n">#ffa500</div>
<div style="background-color:#6a5acd;\n">#6a5acd</div>
طیف خاکستری با HEX
برای خاکستری، سه بخش برابر بنویس. مقدار بیشتر، روشن تر است.
<div style="background-color:#404040;\n">#404040</div>
<div style="background-color:#686868;\n">#686868</div>
<div style="background-color:#a0a0a0;\n">#a0a0a0</div>
<div style="background-color:#bebebe;\n">#bebebe</div>
<div style="background-color:#dcdcdc;\n color:#555555;\n">#dcdcdc</div>
<div style="background-color:#f8f8f8;\n color:#555555;\n">#f8f8f8</div>
گام های عملی
- یک تگ <div> بساز.
- ویژگی style را با background-color تنظیم کن.
- یک کُد مثل #ff0000 وارد کن.
نکته: اگر پس زمینه روشن است، رنگ متن را تیره کن. برای مرور مدل ها، سر بزن به مدل RGB و مدل HSL. همچنین صفحه مدل HEX را نشانه گذاری کن.
جمع بندی سریع
- #rrggbb سه بخش رنگ را نشان می دهد.
- 00 کمترین است، ff بیشترین است.
- خاکستری یعنی سه بخش برابر.
- کنتراست متن را همیشه چک کن.