User:Titoxd/sandbox
Appearance
(Redirected from User:Titoxd/Sandbox)
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) |