Loading...
Created at 06/09/2025 16:03
WebGL Shader Spectrum
- Vertex Magenta#d977ff
- Render Cyan#00f0ff
- Pixel Orange#ff7a00
- Float Black#1c1c1c
- Buffer Silver#a9a9a9
- Fragment Lavender#cdb4ff
- Bloom Yellow#ffd700
The palette consists of Light, Dark colors. Accent colors Fragment Lavender #cdb4ff and Bloom Yellow #ffd700. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #1C1C1C (darkest) to #CDB4FF (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #00F0FF, #1C1C1C, #A9A9A9, #CDB4FF, #D977FF, #FF7A00, #FFD700
Palette WebGL Shader Spectrum has combination of 7 codes colors:
HEX: #d977ff, RGB: (217, 119, 255); HEX: #00f0ff, RGB: (0, 240, 255); HEX: #ff7a00, RGB: (255, 122, 0)
HEX: #1c1c1c, RGB: (28, 28, 28); HEX: #a9a9a9, RGB: (169, 169, 169); HEX: #cdb4ff, RGB: (205, 180, 255)
HEX: #ffd700, RGB: (255, 215, 0)
Simplified version of palette colors
Tint of violet, Tint of cyan, Tint of darkorange, Shade of Black, Shade of plum
Color scheme was created by colorday
Colors codes in palette
WebGL Shader Spectrum color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #d977ff | #d977ff | RGB(217, 119, 255) | Vertex Magenta | — |
| #00f0ff | #00f0ff | RGB(0, 240, 255) | Render Cyan | — |
| #ff7a00 | #ff7a00 | RGB(255, 122, 0) | Pixel Orange | Heat Wave |
| #1c1c1c | #1c1c1c | RGB(28, 28, 28) | Float Black | Gray11 |
| #a9a9a9 | #a9a9a9 | RGB(169, 169, 169) | Buffer Silver | Darkgray |
| #cdb4ff | #cdb4ff | RGB(205, 180, 255) | Fragment Lavender | — |
| #ffd700 | #ffd700 | RGB(255, 215, 0) | Bloom Yellow | Gold |
Color Palette Contrast
15 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#d977ff | #00f0ff | 1.85 |
#d977ff | #ff7a00 | 1 |
#d977ff | #a9a9a9 | 1.11 |
#d977ff | #cdb4ff | 1.44 |
#d977ff | #ffd700 | 1.86 |
#00f0ff | #ff7a00 | 1.85 |
Image palette WebGL Shader Spectrum png
Export Palette
Download the "WebGL Shader Spectrum" in multiple formats for seamless integration into your design projects.
Available formats: