User:RichardF/Palettes

From Wikipedia, the free encyclopedia

CIE1931simple.png
Palettes
Samples   Userboxes   Resources   Palettes   Talk

Top-level palettesHSV two-level palettesPortal palette samplesHSV user page palettesHeader palette samples
See also: HSL incrementsColorstTrödelUsabilityToolsHEX to RGBCB

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
Two-level header top
Two-level header bottom
  • Border: Hn S40 V75
  • Header top: Hn S40 V85
  • Header bottom: Hn S15 V95
  • Background: Hn S4 V100
Two-level header top
Two-level header bottom
  • Border: Hn S40 V75
  • Header top: Hn S15 V95
  • Header bottom: Hn S10 V100
  • Background: Hn S4 V100
One-level header
  • Border: Hn S15 V75
  • Header: Hn S15 V95
  • Background: Hn S4 V100
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: 0 #BFA3A3 #F2CECE #BFA3A3 #FFE6E6 #FFF5F5
Two-level top header, One-level header
Two-level bottom header, Accent color
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: 0 #BF7373 #D98282 #BFA3A3 #F2CECE #FFF5F5
Two-level top header, One-level header
Two-level bottom header, Accent color
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