User:Titoxd/sandbox
Jump to navigation
Jump to search
Color scale
Draft 1
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
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
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
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
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
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) |