Special Hair & Beard Dye: Difference between revisions

From UO Renaissance Wiki
Jump to navigation Jump to search
Create Special Hair & Beard Dye guide and add NPC Vendors section to MediaWiki:Sidebar
 
Rename guide to The Hair Stylist and add full Sahale shop inventory
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div class="wiki-page-header" style="text-align: center; margin-bottom: 25px; padding: 22px; background: radial-gradient(circle, rgba(45, 32, 18, 0.95) 0%, rgba(18, 12, 6, 0.98) 100%); border: 1px solid rgba(212, 175, 55, 0.45); border-radius: 8px; box-shadow: 0 4px 18px rgba(0,0,0,0.65);">
#REDIRECT [[The Hair Stylist]]
<div style="font-family: 'Cinzel', serif; font-size: 2.2rem; font-weight: bold; color: #ffd700; text-shadow: 2px 2px 4px #000000; letter-spacing: 2px;">SPECIAL HAIR &amp; BEARD DYE</div>
<div style="font-family: 'Cardo', serif; font-size: 1.15rem; color: #d8caa7; font-style: italic; margin-top: 6px;">Complete Visual Guide to All 43 Special Hair &amp; Beard Dye Hues</div>
 
<div style="display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 18px;">
<html><a href="#Overview" style="display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; background: rgba(212, 175, 55, 0.15); border: 1px solid rgba(212, 175, 55, 0.4); border-radius: 6px; color: #ffd700; font-family: 'Cinzel', serif; font-size: 0.92rem; text-decoration: none; font-weight: bold;">1. Overview &amp; Vendor</a></html>
<html><a href="#How_to_Use" style="display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; background: rgba(212, 175, 55, 0.15); border: 1px solid rgba(212, 175, 55, 0.4); border-radius: 6px; color: #ffd700; font-family: 'Cinzel', serif; font-size: 0.92rem; text-decoration: none; font-weight: bold;">2. How to Use</a></html>
<html><a href="#Color_Guide" style="display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; background: rgba(212, 175, 55, 0.15); border: 1px solid rgba(212, 175, 55, 0.4); border-radius: 6px; color: #ffd700; font-family: 'Cinzel', serif; font-size: 0.92rem; text-decoration: none; font-weight: bold;">3. Complete Color Guide</a></html>
<html><a href="#Quick_Reference" style="display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; background: rgba(212, 175, 55, 0.15); border: 1px solid rgba(212, 175, 55, 0.4); border-radius: 6px; color: #ffd700; font-family: 'Cinzel', serif; font-size: 0.92rem; text-decoration: none; font-weight: bold;">4. Hue Quick Reference</a></html>
</div>
</div>
 
<span id="Overview"></span>
== 1. Overview &amp; Where to Buy ==
 
<div style="background: rgba(20, 15, 10, 0.75); border: 1px solid rgba(212, 175, 55, 0.35); border-radius: 8px; padding: 20px; margin-bottom: 20px;">
Both <b>Special Hair Dye</b> and <b>Special Beard Dye</b> share the exact same <b>43-color hue palette</b>, so every color example shown in this guide applies to both items.
 
* <b>Vendor:</b> Sahale the Hair Stylist (located in <b>[[Britain]]</b>)
* <b>Price:</b> 500,000 gold each
</div>
 
<div style="text-align: center; margin-bottom: 25px; background: rgba(14, 11, 7, 0.85); border: 1px solid rgba(212, 175, 55, 0.35); border-radius: 8px; padding: 16px;">
<html><img src="/wiki/images/hair_dye/Special_Hair_Beard_Dye_Vendor_Location.jpg" alt="Sahale the Hair Stylist Location in Britain" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid rgba(212, 175, 55, 0.4);" /></html>
<div style="font-family: 'Cardo', serif; font-size: 0.95rem; color: #d8caa7; font-style: italic; margin-top: 8px;">Sahale the Hair Stylist in Britain</div>
</div>
 
---
 
<span id="How_to_Use"></span>
== 2. How to Use ==
 
# Purchase a <b>Special Hair Dye</b> or <b>Special Beard Dye</b> from <b>Sahale</b> in Britain (500,000 gold each).
# Double-click the dye in your backpack.
# Select your desired color from the color selection menu.
# Confirm your selection to apply the color to your hair or beard.
 
<div style="text-align: center; margin: 18px 0 25px 0; background: rgba(14, 11, 7, 0.85); border: 1px solid rgba(212, 175, 55, 0.35); border-radius: 8px; padding: 16px;">
<html><img src="/wiki/images/hair_dye/Special_Hair_Dye_Color_Menu.jpg" alt="Special Hair Dye Color Selection Menu" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid rgba(212, 175, 55, 0.4);" /></html>
<div style="font-family: 'Cardo', serif; font-size: 0.95rem; color: #d8caa7; font-style: italic; margin-top: 8px;">Special Hair &amp; Beard Dye Color Selection Menu</div>
</div>
 
---
 
<span id="Color_Guide"></span>
== 3. Complete Color Guide (All 43 Hues) ==
 
All 43 available hues were captured on the Test Center in the same location with the same character. Each comparison shows the color in two ways:
* <b>In-game:</b> How the hair/beard color appears on your character in the game world.
* <b>Paperdoll:</b> How the same color appears in the character paperdoll.
 
=== Purple (Hues 12&ndash;21) ===
<div style="text-align: center; margin-bottom: 20px; background: rgba(14, 11, 7, 0.85); border: 1px solid rgba(212, 175, 55, 0.35); border-radius: 8px; padding: 14px;">
<html><img src="/wiki/images/hair_dye/Special_Hair_Dye_Purple_Hues.jpg" alt="Purple Hues 12-21" style="max-width: 100%; height: auto; border-radius: 6px;" /></html>
</div>
 
=== Red (Hues 32&ndash;36) ===
<div style="text-align: center; margin-bottom: 20px; background: rgba(14, 11, 7, 0.85); border: 1px solid rgba(212, 175, 55, 0.35); border-radius: 8px; padding: 14px;">
<html><img src="/wiki/images/hair_dye/Special_Hair_Dye_Red_Hues.jpg" alt="Red Hues 32-36" style="max-width: 100%; height: auto; border-radius: 6px;" /></html>
</div>
 
=== Orange (Hues 38&ndash;45) ===
<div style="text-align: center; margin-bottom: 20px; background: rgba(14, 11, 7, 0.85); border: 1px solid rgba(212, 175, 55, 0.35); border-radius: 8px; padding: 14px;">
<html><img src="/wiki/images/hair_dye/Special_Hair_Dye_Orange_Hues.jpg" alt="Orange Hues 38-45" style="max-width: 100%; height: auto; border-radius: 6px;" /></html>
</div>
 
=== Yellow (Hues 54&ndash;56) ===
<div style="text-align: center; margin-bottom: 20px; background: rgba(14, 11, 7, 0.85); border: 1px solid rgba(212, 175, 55, 0.35); border-radius: 8px; padding: 14px;">
<html><img src="/wiki/images/hair_dye/Special_Hair_Dye_Yellow_Hues.jpg" alt="Yellow Hues 54-56" style="max-width: 100%; height: auto; border-radius: 6px;" /></html>
</div>
 
=== Green (Hues 62&ndash;71) ===
<div style="text-align: center; margin-bottom: 20px; background: rgba(14, 11, 7, 0.85); border: 1px solid rgba(212, 175, 55, 0.35); border-radius: 8px; padding: 14px;">
<html><img src="/wiki/images/hair_dye/Special_Hair_Dye_Green_Hues.jpg" alt="Green Hues 62-71" style="max-width: 100%; height: auto; border-radius: 6px;" /></html>
</div>
 
=== Seafoam (Hues 81&ndash;82) ===
<div style="text-align: center; margin-bottom: 20px; background: rgba(14, 11, 7, 0.85); border: 1px solid rgba(212, 175, 55, 0.35); border-radius: 8px; padding: 14px;">
<html><img src="/wiki/images/hair_dye/Special_Hair_Dye_Seafoam_Hues.jpg" alt="Seafoam Hues 81-82" style="max-width: 100%; height: auto; border-radius: 6px;" /></html>
</div>
 
=== Aqua (Hues 89&ndash;90) ===
<div style="text-align: center; margin-bottom: 20px; background: rgba(14, 11, 7, 0.85); border: 1px solid rgba(212, 175, 55, 0.35); border-radius: 8px; padding: 14px;">
<html><img src="/wiki/images/hair_dye/Special_Hair_Dye_Aqua_Hues.jpg" alt="Aqua Hues 89-90" style="max-width: 100%; height: auto; border-radius: 6px;" /></html>
</div>
 
=== White (Hue 1154) ===
<div style="text-align: center; margin-bottom: 20px; background: rgba(14, 11, 7, 0.85); border: 1px solid rgba(212, 175, 55, 0.35); border-radius: 8px; padding: 14px;">
<html><img src="/wiki/images/hair_dye/Special_Hair_Dye_White_Hues.jpg" alt="White Hue 1154" style="max-width: 100%; height: auto; border-radius: 6px;" /></html>
</div>
 
=== Deep Blue (Hues 3&ndash;4) ===
<div style="text-align: center; margin-bottom: 20px; background: rgba(14, 11, 7, 0.85); border: 1px solid rgba(212, 175, 55, 0.35); border-radius: 8px; padding: 14px;">
<html><img src="/wiki/images/hair_dye/Special_Hair_Dye_Deep_Blue_Hues.jpg" alt="Deep Blue Hues 3-4" style="max-width: 100%; height: auto; border-radius: 6px;" /></html>
</div>
 
---
 
<span id="Quick_Reference"></span>
== 4. Hue Quick Reference &amp; Important Notes ==
 
{| class="wikitable" style="width: 100%; border: 1px solid rgba(212, 175, 55, 0.4); background: rgba(14, 11, 7, 0.9); border-collapse: collapse; margin-top: 12px;"
|- style="background: linear-gradient(180deg, rgba(45, 32, 18, 0.95) 0%, rgba(24, 18, 10, 0.95) 100%); color: #ffd700; text-align: left;"
! style="padding: 10px;" | Color Group
! style="padding: 10px;" | Hue IDs
! style="padding: 10px;" | Count
|-
| <b>Purple</b> || 12&ndash;21 || 10 colors
|-
| <b>Red</b> || 32&ndash;36 || 5 colors
|-
| <b>Orange</b> || 38&ndash;45 || 8 colors
|-
| <b>Yellow</b> || 54&ndash;56 || 3 colors
|-
| <b>Green</b> || 62&ndash;71 || 10 colors
|-
| <b>Seafoam</b> || 81&ndash;82 || 2 colors
|-
| <b>Aqua</b> || 89&ndash;90 || 2 colors
|-
| <b>White</b> || 1154 || 1 color
|-
| <b>Deep Blue</b> || 3&ndash;4 || 2 colors
|- style="background: rgba(212, 175, 55, 0.12); color: #ffd700; font-weight: bold;"
| Total || All Groups || 43 different hues
|}
 
<div style="background: rgba(60, 20, 15, 0.65); border-left: 4px solid #ff6644; border-radius: 6px; padding: 14px 18px; margin-top: 18px;">
<b>Hair Restyle Warning:</b> Be careful when using a <b>Hair Restyle Deed</b>. Going bald can cause your special hair color to be lost!
</div>
 
<div style="background: rgba(20, 15, 10, 0.75); border: 1px solid rgba(212, 175, 55, 0.35); border-radius: 8px; padding: 14px 18px; margin-top: 14px;">
<b>Test Center Tip:</b> Special dyes are available on the Test Center, so you can try out the different colors before spending 500,000 gold on the live server. Keep in mind that in-game lighting and surroundings can slightly affect how a color appears compared to the paperdoll.
</div>
 
<div style="margin-top: 25px; padding: 14px 18px; background: rgba(20, 15, 10, 0.75); border: 1px solid rgba(212, 175, 55, 0.35); border-radius: 8px; text-align: center; font-family: 'Cardo', serif; color: #d8caa7; font-size: 0.95rem;">
'''Guide Credits:''' Created by '''Kitana''' ('''Dirion''').
</div>

Latest revision as of 15:12, 12 November 2026

Redirect to: