User:Titoxd/sandbox: Difference between revisions
Content deleted Content added
→Draft 5: +draft6 |
→Draft 6: add map for visualization |
||
| Line 332: | Line 332: | ||
! [[Lightness|V]] |
! [[Lightness|V]] |
||
! [https://webaim.org/resources/contrastchecker/ Contrast] |
! [https://webaim.org/resources/contrastchecker/ Contrast] |
||
! rowspan = 9 | [[File:2005 Katrina weather color scale proposal.png|thumb|400px|Track map of [[Hurricane Katrina]] in a newly-proposed color scale for English Wikipedia]] |
|||
|- |
|- |
||
| style="width: 32px; height: 32px; background-color: #6699ff" | PT |
| style="width: 32px; height: 32px; background-color: #6699ff" | PT |
||
Latest revision as of 03:36, 25 March 2022
Color scale
[edit]Draft 1
[edit]Based on Munsell color system hue selection only, no adjustments for WP:ACCESS yet
| Color | Hex | H | S | V |
|---|---|---|---|---|
| PT | #1c81bf | 203 | 85 | 75 |
| TD | #35bbf4 | 198 | 78 | 96 |
| TS | #4ffdf6 | 178 | 69 | 99 |
| C1 | #ffdd7e | 44 | 51 | 100 |
| C2 | #ffae2b | 37 | 83 | 100 |
| C3 | #ff7c31 | 22 | 81 | 100 |
| C4 | #ff417f | 340 | 75 | 100 |
| C5 | #e307ab | 315 | 97 | 89 |
Draft 2
[edit]Hue adjustments of C5 with WP:WPTC/M background
| Color | Hex | H | S | V |
|---|---|---|---|---|
| PT | #1c81bf | 203 | 85 | 75 |
| TD | #35bbf4 | 198 | 78 | 96 |
| TS | #4ffdf6 | 178 | 69 | 99 |
| C1 | #ffdd7e | 44 | 51 | 100 |
| C2 | #ffae2b | 37 | 83 | 100 |
| C3 | #ff7c31 | 22 | 81 | 100 |
| C4 | #ff417f | 340 | 75 | 100 |
| C5 | #e307ab | 282 | 61 | 100 |
Draft 3
[edit]Expand hue colorspace of C1-C5 using HSV values
| Color | Hex | H | S | V | Contrast |
|---|---|---|---|---|---|
| PT | #1c81bf | 203 | 85 | 75 | AA (4.94:1) |
| TD | #35bbf4 | 198 | 78 | 96 | AAA (9.56:1) |
| TS | #4ffdf6 | 178 | 69 | 99 | AAA (16.71:1) |
| C1 | #fffbcc | 55 | 20 | 100 | AAA (19.92:1) |
| C2 | #ffd480 | 40 | 50 | 100 | AAA (14.98:1) |
| C3 | #ff974d | 25 | 70 | 100 | AAA (9.78:1) |
| C4 | #ff4d6a | 350 | 70 | 100 | AA (6.52:1) |
| C5 | #d580ff | 280 | 50 | 100 | AAA (8.36:1) |
Draft 4
[edit]Try to obtain WCAG AAA in all color categories
| Color | Hex | H | S | V | Contrast |
|---|---|---|---|---|---|
| PT | #6699ff | 220 | 60 | 100 | AAA (7.56:1) |
| TD | #59c8ff | 205 | 65 | 100 | AAA (11.13:1) |
| TS | #4dffff | 180 | 70 | 100 | AAA (17.06:1) |
| C1 | #fffbcc | 55 | 20 | 100 | AAA (19.92:1) |
| C2 | #ffd480 | 40 | 50 | 100 | AAA (14.98:1) |
| C3 | #ff974d | 25 | 70 | 100 | AAA (9.78:1) |
| C4 | #ff738a | 350 | 55 | 100 | AAA (8.07:1) |
| C5 | #d580ff | 280 | 50 | 100 | AAA (8.36:1) |
Draft 5
[edit]Expand chroma distance between C1-C3 while keeping WCAG AAA in all color categories
| Color | Hex | H | S | V | Contrast |
|---|---|---|---|---|---|
| PT | #6699ff | 220 | 60 | 100 | AAA (7.56:1) |
| TD | #59c8ff | 205 | 65 | 100 | AAA (11.13:1) |
| TS | #4dffff | 180 | 70 | 100 | AAA (17.06:1) |
| C1 | #ffffd9 | 60 | 15 | 100 | AAA (20.55:1) |
| C2 | #ffd98c | 40 | 45 | 100 | AAA (15.55:1) |
| C3 | #ff974d | 25 | 70 | 100 | AAA (9.78:1) |
| C4 | #ff738a | 350 | 55 | 100 | AAA (8.07:1) |
| C5 | #d580ff | 280 | 50 | 100 | AAA (8.36:1) |
Draft 6
[edit]Enhance color difference ratio of C3 per [1]
| Color | Hex | H | S | V | Contrast |  |
|---|---|---|---|---|---|---|
| PT | #6699ff | 220 | 60 | 100 | AAA (7.56:1) | |
| TD | #59c8ff | 205 | 65 | 100 | AAA (11.13:1) | |
| TS | #4dffff | 180 | 70 | 100 | AAA (17.06:1) | |
| C1 | #ffffd9 | 60 | 15 | 100 | AAA (20.55:1) | |
| C2 | #ffd98c | 40 | 45 | 100 | AAA (15.55:1) | |
| C3 | #ff9e59 | 25 | 65 | 100 | AAA (10.28:1) | |
| C4 | #ff738a | 350 | 55 | 100 | AAA (8.07:1) | |
| C5 | #d580ff | 280 | 50 | 100 | AAA (8.36:1) |