User:The Transhumanist/Palettes
From Wikipedia, the free encyclopedia
| Web colors | black | silver | gray | white | red | maroon | purple | fuchsia | green | lime | olive | yellow | orange | blue | navy | teal | aqua |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Top-level palettes • HSV two-level palettes • Portal palette samples • HSV user page palettes • Header palette samples
See also: HSL increments • Colorst • Trödel • Usability • Tools • CB
| Top-level palettes at sixty degree increments | ||||||||
|---|---|---|---|---|---|---|---|---|
| Hue | Border | Header | Accent | Background | ||||
| H30 | #BFB1A3 | H:30 S:15 V:75 | #F2E0CE | H:30 S:15 V:95 | #FFF2E6 | H:30 S:10 V:100 | #FFFAF5 | H:30 S:4 V:100 |
| H90 | #B1BFA3 | H:90 S:15 V:75 | #E0F2CE | H:90 S:15 V:95 | #F2FFE6 | H:90 S:10 V:100 | #FAFFF5 | H:90 S:4 V:100 |
| H150 | #A3BFB1 | H:150 S:15 V:75 | #CEF2E0 | H:150 S:15 V:95 | #E6FFF2 | H:150 S:10 V:100 | #F5FFFA | H:150 S:4 V:100 |
| H210 | #A3B1BF | H:210 S:15 V:75 | #CEE0F2 | H:210 S:15 V:95 | #E6F2FF | H:210 S:10 V:100 | #F5FAFF | H:210 S:4 V:100 |
| H270 | #B1A3BF | H:270 S:15 V:75 | #E0CEF2 | H:270 S:15 V:95 | #F2E6FF | H:270 S:10 V:100 | #FAF5FF | H:270 S:4 V:100 |
| H330 | #BFA3B1 | H:330 S:15 V:75 | #F2CEE0 | H:330 S:15 V:95 | #FFE6F2 | H:330 S:10 V:100 | #FFF5FA | H:330 S:4 V:100 |
| Community Portal palettes | ||||||
|---|---|---|---|---|---|---|
| Section | Border | Header | Background | |||
| CBB | #B1A3BF | H:270 S:15 V:75 | #E0CEF2 | H:270 S:15 V:95 | #FAF5FF | H:270 S:4 V:100 |
| To do | #A3BFB1 | H:150 S:15 V:75 | #CEF2E0 | H:150 S:15 V:95 | #F5FFFA | H:150 S:4 V:100 |
| Collab | #BFB1A3 | H:30 S:15 V:75 | #F2E0CE | H:30 S:15 V:95 | #FFFAF5 | H:30 S:4 V:100 |
| Help | #A3B1BF | H:210 S:15 V:75 | #CEE0F2 | H:210 S:15 V:95 | #F5FAFF | H:210 S:4 V:100 |
|
|
|
| HSV Two-level and One-level header palettes (Lighter) | ||||||
|---|---|---|---|---|---|---|
| Use for | 2-level border | Top header, One header |
1-level border | Btm header, Accent |
Background | |
| S / V | S15 / V75 | S15 / V95 | S15 / V75 | S10 / V100 | S4 / V100 | |
| Hue: 30 | #BFB1A3 | #F2E0CE | #BFB1A3 | #FFF2E6 | #FFFAF5 | |
| Two-level top header, One-level header | ||||||
| Two-level bottom header, Accent color | ||||||
| Hue: 90 | #B1BFA3 | #E0F2CE | #B1BFA3 | #F2FFE6 | #FAFFF5 | |
| Two-level top header, One-level header | ||||||
| Two-level bottom header, Accent color | ||||||
| Hue: 150 | #A3BFB1 | #CEF2E0 | #A3BFB1 | #E6FFF2 | #F5FFFA | |
| Two-level top header, One-level header | ||||||
| Two-level bottom header, Accent color | ||||||
| Hue: 210 | #A3B1BF | #CEE0F2 | #A3B1BF | #E6F2FF | #F5FAFF | |
| Two-level top header, One-level header | ||||||
| Two-level bottom header, Accent color | ||||||
| Hue: 270 | #B1A3BF | #E0CEF2 | #B1A3BF | #F2E6FF | #FAF5FF | |
| Two-level top header, One-level header | ||||||
| Two-level bottom header, Accent color | ||||||
| Hue: 330 | #BFA3B1 | #F2CEE0 | #BFA3B1 | #FFE6F2 | #FFF5FA | |
| Two-level top header, One-level header | ||||||
| Two-level bottom header, Accent color | ||||||
| HSV Two-level and One-level header palettes (Darker) | ||||||
|---|---|---|---|---|---|---|
| Use for | 2-level border | Top header | 1-level border | Btm header, One header |
Background | |
| S / V | S40 / V75 | S40 / V85 | S15 / V75 | S15 / V95 | S4 / V100 | |
| Hue: 30 | #BF9973 | #D9AD82 | #BFB1A3 | #F2E0CE | #FFFAF5 | |
| Two-level top header | ||||||
| Two-level bottom header, One-level header | ||||||
| Hue: 90 | #99BF73 | #ADD982 | #B1BFA3 | #E0F2CE | #FAFFF5 | |
| Two-level top header | ||||||
| Two-level bottom header, One-level header | ||||||
| Hue: 150 | #79BF99 | #82D9AD | #A3BFB1 | #CEF2E0 | #F5FFFA | |
| Two-level top header | ||||||
| Two-level bottom header, One-level header | ||||||
| Hue: 210 | #7399BF | #82ADD9 | #A3B1BF | #CEE0F2 | #F5FAFF | |
| Two-level top header | ||||||
| Two-level bottom header, One-level header | ||||||
| Hue: 270 | #9973BF | #AD82D9 | #B1A3BF | #E0CEF2 | #FAF5FF | |
| Two-level top header | ||||||
| Two-level bottom header, One-level header | ||||||
| Hue: 330 | #BF7399 | #D982AD | #BFA3B1 | #F2CEE0 | #FFF5FA | |
| Two-level top header | ||||||
| Two-level bottom header, One-level header | ||||||
