Codes to make the forum more attractive

Map Editors Community Spain Community
1

“Number codes” like #... are hexadecimal colors (HTML/CSS). There isn’t a finite list for “every color” because there are millions of combinations, but you can read the code to understand the color mix.

How to interpret a hex color

Most common format: #RRGGBB

  • RR = red (00 to FF)
  • GG = green (00 to FF)
  • BB = blue (00 to FF)

Each pair is hexadecimal:

  • 00 = 0 (none)
  • FF = 255 (maximum)

Examples:

  • #FF0000 → pure red
  • #00FF00 → pure green
  • #0000FF → pure blue
  • #000000 → black
  • #FFFFFF → white
  • #FFFF00 → yellow (red+green)
  • #FF00FF → magenta/fuchsia (red+blue)
  • #00FFFF → cyan (green+blue)

Short format: #RGB

This is an abbreviation of #RRGGBB by doubling each digit:

  • #C35 = #CC3355

Format with transparency: #RGBA or #RRGGBBAA

  • A / AA is the alpha (transparency):
    • 00 = transparent
    • FF = opaque

Example: #c35b

This is short format with alpha: #RGBA

It expands to:

  • #c35b → #CC3355BB

Interpretation:

  • R = CC (high red)
  • G = 33 (little green)
  • B = 55 (some blue)
  • A = BB (mostly opaque, ~73% opacity)

Result: a dark pink/fuchsia leaning towards magenta, with some transparency.

Quick tips for “guessing” the color

  • Higher red (RR high) → reds/pinks/oranges
  • Higher green (GG high) → greens
  • Higher blue (BB high) → blues/purples
  • High R + high B + low G → strong magentas/pinks
  • High R + high G + low B → yellows/oranges
  • All three similar (R≈G≈B) → grises

How to find the exact “name” (without guessing)

  • In an editor (VS Code, browser, etc.), a color swatch usually appears when hovering your mouse over the hex code.
  • You can also use any color picker / hex↔RGB converter by searching for “hex color picker”.

How to add color on Waze Discuss

Colored text (hex or name)

Use this format:
This text appears in mint green

This text appears in orange

This is documented in the “Demo Preview Page” and Waze Discuss markdown/BBCode examples.

How to “know which color it is” for each code (the practical way)

Since there isn’t a fixed list (there are millions), the usual way is:

  • Use a hex color picker (search for “hex color picker”) and paste #CC3355
  • Or choose visually and copy the #RRGGBB it gives you

Extra useful tip on Discuss: “Waze boxes” (boxes with colored backgrounds)

If you want a highlighted block instead of just colored text, you can use:

Important notice

Info

OK

1) Header + summary (ideal for the first post)

​​THREAD TITLE

Quick Summary

• Objective:
• Status:
• Next step:

2) Status “Traffic Light” (very visual)

Context

Text…

What I need from the community

Text…

:police_car_light: Blocked / Urgent

• What’s happening:
• Impact:
• Action required:

:information_source: Under review

• What’s being looked at:
• Evidence / links:

:white_check_mark: Resolved

• What was changed:
• Date:

3) “One-line” critical notice

:police_car_light: NOTICE: Do not edit this area until further notice

4) Compact “Checklist” with colors (without weird lists)

:pushpin: Before replying, please confirm:
:check_mark: Exact city / street
:check_mark: Screenshot or permalink
:check_mark: What you expected vs. what Waze does
[/wzBoxBlue]

5) Collapsible FAQ (keeps the thread “clean”)

:red_question_mark: Quick FAQ

Why isn't Waze routing me through here?

Possible causes:
• Active closure
• Turn restrictions
• Disconnected segment

What should I provide for it to be reviewed?

• Location link
• Screenshots
• Approximate time

6) Hidden “Technical notes” (spoiler)

Technical notes (for editors)
This is visible.

This remains hidden: paste long or sensitive details here

7) “Update Request” template (pretty table)

Field Detail
Location (municipality + road)
Type (direction / closure / POI / limits / etc.)
Evidence (photo / link / source)
Priority Low / Medium / High
Comments …

8) “Before / After” comparison

Before After
Access was closed Access reopened
Detoured route Direct route

9) Abbreviations with “tooltips” (very pro for public threads)

[abbr=Waze Map Editor]WME[/abbr] shows these [abbr=Update Requests]URs[/abbr] in the area.

[wzBoxes]**[size=150][color=green]10) Keyboard shortcuts shown as “keys”

Press Ctrl + F to search, or ⌥⌘C on Mac.

11) Inline images, same heights (looks very clean)

When you upload images to the post, you can force the size using the format ![name|WxH,125x](upload://...) or x125.
Before After
Before After

  • List of items

12) Reusable templates (for repetitive posts)

Template of topic 380019, post 1

Template of topic 123, post 1

[wzBoxes]### 3 quick rules to make it look good (without overloading)

  • Use 1 “action” color per block: red=stop, blue=info, green=ok (Waze recommends standardizing box colors).
  • Use short titles with [wzh=2] or [wzh=3] inside the box.
  • Long content → use [details] or [spoiler] to let the thread breathe.[/color][/size]**[/wzBoxes]
    595eadfa8e85bbd64fb2fed3de98123845059f78
4 Likes