unmagic-color 0.1.0 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c7be12ac8d10a2afce0fb4b18e79bd8636f7000e154a6cd55254ef0284498ca4
-  data.tar.gz: 55be4881e50f7adad3adcd12dcb85d03c2a35bea2a26cfe6c1db16a0fe567d68
+  metadata.gz: 276b2cc6192a6fea7e69f4893c9989434e8101c3e9c6a88b56996eeeeb910262
+  data.tar.gz: cd421ccce7640490b140a74a62640ee9dbbb6060f815d770b14ac12e4b1ff991
 SHA512:
-  metadata.gz: 9ffad3c4830a9d79c9603fde9a59fcab9714a5cbc7fa91fa2857b2665cea5f3796b7842f89627c24765d9996fd28a80562f4756f7392764ad620f512e3b4d543
-  data.tar.gz: dbdfb73585f752f60089658c273b65a69a2189746f8379133db427038af006667589f199e6fd00eeeb6a8dda47142fd5f4aa9c25f1279d1f00864309fbfc0903
+  metadata.gz: 2da573372028a3d08793d01bcd9245a24fc88934085b081712934e4606a2d60ff03d8c8f6f94b06abb2fb6817e1b5b0acdf8ac2fd332e1d9f9b2923a90221d5c
+  data.tar.gz: 8a17575b7f89b7f9c29d613208972242bd851e42b25659a7533a4c6ed156ce14f9f9396148aa6e171ad5a8e0159395d8e9f9e28b881fa000bbdeb6492cc40388

data/CHANGELOG.md

@@ -0,0 +1,86 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+## [0.2.1] - 2026-01-05
+
+### Added
+- `to_hex` method for HSL colors (converts via RGB)
+- `to_hex` method for OKLCH colors (converts via RGB)
+
+## [0.2.0] - 2026-01-05
+
+### Added
+
+#### Color Harmonies
+- `complementary` - returns the opposite color on the color wheel (180° shift)
+- `analogous(angle: 30)` - returns two adjacent colors at ±angle degrees
+- `triadic` - returns two colors equally spaced at +120° and +240°
+- `split_complementary(angle: 30)` - returns two colors flanking the complement
+- `tetradic_square` - returns three colors at +90°, +180°, +270°
+- `tetradic_rectangle(angle: 60)` - returns three colors forming a rectangle on the wheel
+
+#### Color Variations
+- `monochromatic(steps: 5)` - generates colors with varying lightness
+- `shades(steps: 5, amount: 0.5)` - generates progressively darker colors
+- `tints(steps: 5, amount: 0.5)` - generates progressively lighter colors
+- `tones(steps: 5, amount: 0.5)` - generates progressively desaturated colors
+
+#### Gradients
+- `Unmagic::Color::Gradient.linear` - create gradients with automatic color space detection
+- `Unmagic::Color::RGB::Gradient::Linear` - RGB color space gradients
+- `Unmagic::Color::HSL::Gradient::Linear` - HSL color space gradients (smoother hue transitions)
+- `Unmagic::Color::OKLCH::Gradient::Linear` - OKLCH gradients (perceptually uniform)
+- Support for gradient directions: keywords (`to right`), angles (`45deg`), and from/to syntax
+- 2D gradient rasterization with `width` and `height` parameters
+- Explicit color stop positions (like CSS `linear-gradient`)
+
+#### Alpha Channel
+- Alpha channel support for RGB, HSL, and OKLCH colors
+- Parse alpha from CSS color functions: `rgba()`, `hsla()`, `oklch()` with alpha
+- `Alpha` class with CSS ratio output (`to_css` returns 0.0-1.0)
+
+#### ANSI Terminal Colors
+- ANSI escape code parsing (3/4-bit, 256-color, and 24-bit true color)
+- `to_ansi` method with `mode:` parameter (`:truecolor`, `:palette256`, `:palette16`)
+- Truecolor (24-bit) output by default for accurate color reproduction
+- Support for both foreground and background layers
+- Color swatches in `pretty_print` output
+
+#### Console Tools
+- `Unmagic::Color::Console::Card` - render color profile cards with harmonies and variations
+- `Unmagic::Color::Console::Banner` - gradient ASCII art banner
+- `Unmagic::Color::Console::Help` - syntax-highlighted help text
+- `Unmagic::Color::Console::Highlighter` - Ruby syntax highlighting with customizable colors
+
+#### Other
+- Full X11 color database (658 colors) with lazy loading
+- JSON storage for color databases (faster loading, ~54KB for X11)
+- `build` class method with positional arguments: `RGB.build(255, 87, 51)`
+- Improved percentage parsing with fraction notation support (`1/2` = 50%)
+
+### Changed
+- Default ANSI output mode changed from `:palette16` to `:truecolor` for better color accuracy
+- Color databases are now stored as JSON for faster parsing
+
+## [0.1.0] - 2026-01-01
+
+### Added
+- Initial release
+- RGB, HSL, and OKLCH color space support
+- Color parsing from hex, CSS functions, and X11 named colors
+- Color manipulation (lighten, darken, blend)
+- Color space conversions
+- Deterministic color generation from strings
+- Luminance calculations and light/dark detection
+- HSL color progressions for palette generation
+- Multiple hash functions for string-to-color derivation
+
+[0.2.1]: https://github.com/unreasonable-magic/unmagic-color/releases/tag/v0.2.1
+[0.2.0]: https://github.com/unreasonable-magic/unmagic-color/releases/tag/v0.2.0
+[0.1.0]: https://github.com/unreasonable-magic/unmagic-color/releases/tag/v0.1.0

data/README.md

@@ -1,4 +1,6 @@
-# Unmagic Color
+# unmagic-color
+
+![Screenshot](docs/screenshot.png)
 
 A comprehensive Ruby color manipulation library with support for RGB, HSL, and OKLCH color spaces. Parse, convert, and manipulate colors with an intuitive API.
 
@@ -22,38 +24,6 @@ Or install it yourself as:
 gem install unmagic-color
 ```
 
-## Features
-
-- **Multiple Color Spaces**: RGB, HSL, and OKLCH support
-- **Flexible Parsing**: Parse colors from hex, CSS format strings, named colors, or component values
-- **Named Colors**: Support for [X11 color names](https://en.wikipedia.org/wiki/X11_color_names) (red, blue, goldenrod, etc.)
-- **Color Conversions**: Seamlessly convert between color spaces
-- **Color Manipulation**: Lighten, darken, and blend colors
-- **Deterministic Generation**: Generate consistent colors from strings or seeds
-- **Luminance Calculation**: Determine if colors are light or dark
-- **Color Progressions**: Create color scales and palettes
-
-## Quick Start
-
-```ruby
-require 'unmagic/color'
-
-# Parse a color
-color = Unmagic::Color.parse("#FF5733")
-
-# Convert to different color spaces
-hsl = color.to_hsl
-oklch = color.to_oklch
-
-# Manipulate colors
-lighter = color.lighten(0.2)
-darker = color.darken(0.1)
-
-# Check luminance
-color.light?  # => false
-color.dark?   # => true
-```
-
 ## Usage Examples
 
 ### Parsing Colors
@@ -75,15 +45,71 @@ color = Unmagic::Color::HSL.new(hue: 9, saturation: 100, lightness: 60)
 color = Unmagic::Color.parse("oklch(0.65 0.15 30)")
 color = Unmagic::Color::OKLCH.new(lightness: 0.65, chroma: 0.15, hue: 30)
 
-# From X11 named colors (https://en.wikipedia.org/wiki/X11_color_names)
+# From named colors (X11 is the default and CSS/W3C databases)
 color = Unmagic::Color.parse("goldenrod")
 color = Unmagic::Color["red"]
 
+# Pass db name as prefix for specific lookup:
+color = Unmagic::Color.parse("css:red")
+color = Unmagic::Color.parse("w3c:gray") # w3c is alias for css
+color = Unmagic::Color.parse("x11:red")
+
 # Named colors are case-insensitive and whitespace-tolerant
 color = Unmagic::Color.parse("Golden Rod")  # Same as "goldenrod"
 color = Unmagic::Color.parse("DARK SLATE BLUE")  # Same as "darkslateblue"
 ```
 
+**Named Color Databases:**
+- **X11**: 658 colors, ~54 KB in memory (lazy-loaded)
+- **CSS/W3C**: 148 colors, ~13 KB in memory (lazy-loaded)
+
+Databases are only loaded into memory when first accessed, with sub-millisecond load times.
+
+```ruby
+# From ANSI escape codes
+color = Unmagic::Color.parse("31")              # Red (standard ANSI)
+color = Unmagic::Color.parse("38;5;196")        # Red (256-color palette)
+color = Unmagic::Color.parse("38;2;255;0;0")    # Red (24-bit true color)
+```
+
+### Terminal Colors (ANSI)
+
+Generate ANSI escape codes for colorful terminal output:
+
+```ruby
+# Convert any color to ANSI
+color = Unmagic::Color.parse("goldenrod")
+puts "\x1b[#{color.to_ansi}mHello World!\x1b[0m"
+
+# Foreground colors (default)
+red = Unmagic::Color.parse("#ff0000")
+puts "\x1b[#{red.to_ansi}mRed text\x1b[0m"
+
+# Background colors
+blue = Unmagic::Color.parse("#0000ff")
+puts "\x1b[#{blue.to_ansi(layer: :background)}mBlue background\x1b[0m"
+
+# Default mode is 24-bit true color
+Unmagic::Color.parse("red").to_ansi      # => "38;2;255;0;0"
+Unmagic::Color.parse("css:green").to_ansi    # => "38;2;0;128;0"
+
+# Named colors can use standard codes with palette16 mode
+Unmagic::Color.parse("red").to_ansi(mode: :palette16)    # => "91"
+Unmagic::Color.parse("green").to_ansi(mode: :palette16)  # => "92"
+
+# Custom colors also use 24-bit true color by default
+Unmagic::Color.parse("#6496c8").to_ansi  # => "38;2;100;150;200"
+
+# Parse ANSI codes back to colors
+color = Unmagic::Color.parse("38;2;100;150;200")
+color.to_hex  # => "#6496c8"
+```
+
+**Supported ANSI formats:**
+- **3/4-bit colors**: `30-37` (foreground), `40-47` (background), `90-97` (bright foreground), `100-107` (bright background)
+- **256-color palette**: `38;5;N` (foreground), `48;5;N` (background) where N is 0-255
+- **24-bit true color**: `38;2;R;G;B` (foreground), `48;2;R;G;B` (background)
+
 ### Converting Between Color Spaces
 
 ```ruby
@@ -91,7 +117,7 @@ rgb = Unmagic::Color.parse("#FF5733")
 
 # Convert to HSL
 hsl = rgb.to_hsl
-puts hsl.hue.to_f        # => 9.0
+puts hsl.hue.to_f        # => 11.0
 puts hsl.saturation.to_f # => 100.0
 puts hsl.lightness.to_f  # => 60.0
 
@@ -100,7 +126,7 @@ oklch = rgb.to_oklch
 
 # Convert back to hex
 hex = hsl.to_rgb.to_hex
-puts hex  # => "#FF5733"
+puts hex  # => "#ff5833"
 ```
 
 ### Color Manipulation
@@ -125,6 +151,68 @@ else
 end
 ```
 
+### Color Harmonies
+
+Generate color palettes based on color theory relationships:
+
+```ruby
+color = Unmagic::Color.parse("#FF5733")
+
+# Complementary - opposite on the color wheel (180°)
+color.complementary.to_hex # => "#33daff"
+
+# Analogous - adjacent colors (default ±30°)
+color.analogous.map(&:to_hex) # => ["#ff3374", "#ffbe33"]
+
+# Triadic - three colors equally spaced (120° apart)
+color.triadic.map(&:to_hex) # => ["#33ff58", "#5833ff"]
+
+# Split Complementary - complement's neighbors (default 180° ±30°)
+color.split_complementary.map(&:to_hex) # => ["#33ffbe", "#3374ff"]
+
+# Tetradic Square - four colors equally spaced (90° apart)
+color.tetradic_square.map(&:to_hex) # => ["#74ff33", "#33daff", "#be33ff"]
+
+# Tetradic Rectangle - two complementary pairs (default 60°)
+color.tetradic_rectangle.map(&:to_hex) # => ["#daff33", "#33daff", "#5833ff"]
+```
+
+### Color Variations
+
+![Variations](docs/variations.png)
+
+Generate shades, tints, tones, and monochromatic palettes:
+
+```ruby
+color = Unmagic::Color.parse("#3366CC")
+
+# Monochromatic - same hue with varying lightness
+color.monochromatic(steps: 5).map(&:to_hex) # => ["#0f1f3d", "#214285", "#3366cc", "#7a9cde", "#c2d1f0"]
+
+# Shades - progressively darker (mixed with black)
+shades = color.shades(steps: 5)
+shades = color.shades(steps: 5, amount: 0.8)  # Darker range
+
+# Tints - progressively lighter (mixed with white)
+tints = color.tints(steps: 5)
+tints = color.tints(steps: 5, amount: 0.8)  # Lighter range
+
+# Tones - progressively desaturated (mixed with gray)
+tones = color.tones(steps: 5)
+tones = color.tones(steps: 5, amount: 0.8)  # More muted range
+```
+
+All harmony and variation methods preserve the original color space:
+
+```ruby
+hsl = Unmagic::Color::HSL.new(hue: 200, saturation: 80, lightness: 50)
+hsl.complementary.to_hex        # => "#e65e19"
+hsl.shades(steps: 3).map(&:to_hex) # => ["#1587bf", "#116c99", "#0d5173"]
+
+rgb = Unmagic::Color.parse("#FF5733")
+rgb.analogous.map(&:to_hex)     # => ["#ff3374", "#ffbe33"]
+```
+
 ### HSL-Specific Features
 
 ```ruby
@@ -136,11 +224,8 @@ muted = hsl.desaturate(0.3)
 shifted = hsl.adjust_hue(30)
 
 # Create color progressions
-palette = hsl.progression(
-  steps: 5,
-  lightness: [30, 50, 70, 85, 95]
-)
-# => Array of 5 HSL colors with varying lightness
+hsl.progression(steps: 5, lightness: [30, 50, 70, 85, 95]).map(&:to_hex)
+# => ["#175e82", "#269dd9", "#7dc4e8", "#bee2f4", "#e9f5fb"]
 ```
 
 ### Generating Colors from Strings
@@ -231,6 +316,81 @@ color.dark?   # => true
 text_color = color.light? ? "#000000" : "#FFFFFF"
 ```
 
+### Gradients
+
+Create smooth color transitions with gradients in RGB, HSL, or OKLCH color spaces:
+
+```ruby
+# Simple gradient - auto-detects color space
+gradient = Unmagic::Color::Gradient.linear(["#FF0000", "#0000FF"])
+bitmap = gradient.rasterize(width: 10)
+
+# Access the colors
+colors = bitmap.pixels[0]  # Array of 10 colors from red to blue
+colors.map(&:to_hex)
+# => ["#ff0000", "#e60019", "#cc0033", ..., "#0000ff"]
+
+# Create gradients with multiple stops
+gradient = Unmagic::Color::Gradient.linear([
+  "#FF0000",  # Red at start (0%)
+  "#00FF00",  # Green at middle (50%)
+  "#0000FF"   # Blue at end (100%)
+])
+bitmap = gradient.rasterize(width: 20)
+
+# Use explicit positions (like CSS linear-gradient)
+gradient = Unmagic::Color::Gradient.linear([
+  ["#FF0000", 0.0],   # Red at start
+  ["#FFFF00", 0.3],   # Yellow at 30%
+  "#00FF00",          # Green auto-balances at 65%
+  ["#0000FF", 1.0]    # Blue at end
+])
+
+# Specify gradient direction
+gradient = Unmagic::Color::Gradient.linear(
+  ["#FF0000", "#0000FF"],
+  direction: "to right"
+)
+
+# Use angle directions
+gradient = Unmagic::Color::Gradient.linear(
+  ["#FF0000", "#0000FF"],
+  direction: "45deg"  # or just 45
+)
+
+# 2D gradients with width and height
+gradient = Unmagic::Color::Gradient.linear(
+  ["#FF0000", "#0000FF"],
+  direction: "to bottom right"
+)
+bitmap = gradient.rasterize(width: 100, height: 100)
+
+# Access individual pixels
+color = bitmap.at(50, 50)  # Get color at x=50, y=50
+
+# Choose color space for different effects
+# RGB gradients - direct color component interpolation
+rgb_gradient = Unmagic::Color::RGB::Gradient::Linear.build(["#FF0000", "#0000FF"])
+
+# HSL gradients - smoother transitions through the color wheel
+hsl_gradient = Unmagic::Color::HSL::Gradient::Linear.build([
+  "hsl(0, 100%, 50%)",    # Red
+  "hsl(240, 100%, 50%)"   # Blue
+])
+
+# OKLCH gradients - perceptually uniform transitions
+oklch_gradient = Unmagic::Color::OKLCH::Gradient::Linear.build([
+  "oklch(0.5 0.15 30)",   # Orange
+  "oklch(0.7 0.15 240)"   # Blue
+])
+```
+
+**Supported direction formats:**
+- Keywords: `"to top"`, `"to right"`, `"to bottom left"`, etc.
+- From/to: `"from left to right"`, `"from bottom to top"`
+- Angles: `"45deg"`, `"90deg"`, or numeric values like `45`, `90`
+- Direction objects: `Unmagic::Color::Units::Degrees::Direction::LEFT_TO_RIGHT`
+
 ## Color Spaces
 
 ### RGB (Red, Green, Blue)

data/data/css.jsonc

@@ -0,0 +1,150 @@
+{
+  "black": 0,                            // #000000
+  "silver": 12632256,                    // #c0c0c0
+  "gray": 8421504,                       // #808080
+  "white": 16777215,                     // #ffffff
+  "maroon": 8388608,                     // #800000
+  "red": 16711680,                       // #ff0000
+  "purple": 8388736,                     // #800080
+  "fuchsia": 16711935,                   // #ff00ff
+  "green": 32768,                        // #008000
+  "lime": 65280,                         // #00ff00
+  "olive": 8421376,                      // #808000
+  "yellow": 16776960,                    // #ffff00
+  "navy": 128,                           // #000080
+  "blue": 255,                           // #0000ff
+  "teal": 32896,                         // #008080
+  "aqua": 65535,                         // #00ffff
+  "aliceblue": 15792383,                 // #f0f8ff
+  "antiquewhite": 16444375,              // #faebd7
+  "aquamarine": 8388564,                 // #7fffd4
+  "azure": 15794175,                     // #f0ffff
+  "beige": 16119260,                     // #f5f5dc
+  "bisque": 16770244,                    // #ffe4c4
+  "blanchedalmond": 16772045,            // #ffebcd
+  "blueviolet": 9055202,                 // #8a2be2
+  "brown": 10824234,                     // #a52a2a
+  "burlywood": 14596231,                 // #deb887
+  "cadetblue": 6266528,                  // #5f9ea0
+  "chartreuse": 8388352,                 // #7fff00
+  "chocolate": 13789470,                 // #d2691e
+  "coral": 16744272,                     // #ff7f50
+  "cornflowerblue": 6591981,             // #6495ed
+  "cornsilk": 16775388,                  // #fff8dc
+  "crimson": 14423100,                   // #dc143c
+  "cyan": 65535,                         // #00ffff
+  "darkblue": 139,                       // #00008b
+  "darkcyan": 35723,                     // #008b8b
+  "darkgoldenrod": 12092939,             // #b8860b
+  "darkgray": 11119017,                  // #a9a9a9
+  "darkgreen": 25600,                    // #006400
+  "darkgrey": 11119017,                  // #a9a9a9
+  "darkkhaki": 12433259,                 // #bdb76b
+  "darkmagenta": 9109643,                // #8b008b
+  "darkolivegreen": 5597999,             // #556b2f
+  "darkorange": 16747520,                // #ff8c00
+  "darkorchid": 10040012,                // #9932cc
+  "darkred": 9109504,                    // #8b0000
+  "darksalmon": 15308410,                // #e9967a
+  "darkseagreen": 9419919,               // #8fbc8f
+  "darkslateblue": 4734347,              // #483d8b
+  "darkslategray": 3100495,              // #2f4f4f
+  "darkslategrey": 3100495,              // #2f4f4f
+  "darkturquoise": 52945,                // #00ced1
+  "darkviolet": 9699539,                 // #9400d3
+  "deeppink": 16716947,                  // #ff1493
+  "deepskyblue": 49151,                  // #00bfff
+  "dimgray": 6908265,                    // #696969
+  "dimgrey": 6908265,                    // #696969
+  "dodgerblue": 2003199,                 // #1e90ff
+  "firebrick": 11674146,                 // #b22222
+  "floralwhite": 16775920,               // #fffaf0
+  "forestgreen": 2263842,                // #228b22
+  "gainsboro": 14474460,                 // #dcdcdc
+  "ghostwhite": 16316671,                // #f8f8ff
+  "gold": 16766720,                      // #ffd700
+  "goldenrod": 14329120,                 // #daa520
+  "greenyellow": 11403055,               // #adff2f
+  "grey": 8421504,                       // #808080
+  "honeydew": 15794160,                  // #f0fff0
+  "hotpink": 16738740,                   // #ff69b4
+  "indianred": 13458524,                 // #cd5c5c
+  "indigo": 4915330,                     // #4b0082
+  "ivory": 16777200,                     // #fffff0
+  "khaki": 15787660,                     // #f0e68c
+  "lavender": 15132410,                  // #e6e6fa
+  "lavenderblush": 16773365,             // #fff0f5
+  "lawngreen": 8190976,                  // #7cfc00
+  "lemonchiffon": 16775885,              // #fffacd
+  "lightblue": 11393254,                 // #add8e6
+  "lightcoral": 15761536,                // #f08080
+  "lightcyan": 14745599,                 // #e0ffff
+  "lightgoldenrodyellow": 16448210,      // #fafad2
+  "lightgray": 13882323,                 // #d3d3d3
+  "lightgreen": 9498256,                 // #90ee90
+  "lightgrey": 13882323,                 // #d3d3d3
+  "lightpink": 16758465,                 // #ffb6c1
+  "lightsalmon": 16752762,               // #ffa07a
+  "lightseagreen": 2142890,              // #20b2aa
+  "lightskyblue": 8900346,               // #87cefa
+  "lightslategray": 7833753,             // #778899
+  "lightslategrey": 7833753,             // #778899
+  "lightsteelblue": 11584734,            // #b0c4de
+  "lightyellow": 16777184,               // #ffffe0
+  "limegreen": 3329330,                  // #32cd32
+  "linen": 16445670,                     // #faf0e6
+  "magenta": 16711935,                   // #ff00ff
+  "mediumaquamarine": 6737322,           // #66cdaa
+  "mediumblue": 205,                     // #0000cd
+  "mediumorchid": 12211667,              // #ba55d3
+  "mediumpurple": 9662683,               // #9370db
+  "mediumseagreen": 3978097,             // #3cb371
+  "mediumslateblue": 8087790,            // #7b68ee
+  "mediumspringgreen": 64154,            // #00fa9a
+  "mediumturquoise": 4772300,            // #48d1cc
+  "mediumvioletred": 13047173,           // #c71585
+  "midnightblue": 1644912,               // #191970
+  "mintcream": 16121850,                 // #f5fffa
+  "mistyrose": 16770273,                 // #ffe4e1
+  "moccasin": 16770229,                  // #ffe4b5
+  "navajowhite": 16768685,               // #ffdead
+  "oldlace": 16643558,                   // #fdf5e6
+  "olivedrab": 7048739,                  // #6b8e23
+  "orange": 16753920,                    // #ffa500
+  "orangered": 16729344,                 // #ff4500
+  "orchid": 14315734,                    // #da70d6
+  "palegoldenrod": 15657130,             // #eee8aa
+  "palegreen": 10025880,                 // #98fb98
+  "paleturquoise": 11529966,             // #afeeee
+  "palevioletred": 14381203,             // #db7093
+  "papayawhip": 16773077,                // #ffefd5
+  "peachpuff": 16767673,                 // #ffdab9
+  "peru": 13468991,                      // #cd853f
+  "pink": 16761035,                      // #ffc0cb
+  "plum": 14524637,                      // #dda0dd
+  "powderblue": 11591910,                // #b0e0e6
+  "rebeccapurple": 6697881,              // #663399
+  "rosybrown": 12357519,                 // #bc8f8f
+  "royalblue": 4286945,                  // #4169e1
+  "saddlebrown": 9127187,                // #8b4513
+  "salmon": 16416882,                    // #fa8072
+  "sandybrown": 16032864,                // #f4a460
+  "seagreen": 3050327,                   // #2e8b57
+  "seashell": 16774638,                  // #fff5ee
+  "sienna": 10506797,                    // #a0522d
+  "skyblue": 8900331,                    // #87ceeb
+  "slateblue": 6970061,                  // #6a5acd
+  "slategray": 7372944,                  // #708090
+  "slategrey": 7372944,                  // #708090
+  "snow": 16775930,                      // #fffafa
+  "springgreen": 65407,                  // #00ff7f
+  "steelblue": 4620980,                  // #4682b4
+  "tan": 13808780,                       // #d2b48c
+  "thistle": 14204888,                   // #d8bfd8
+  "tomato": 16737095,                    // #ff6347
+  "turquoise": 4251856,                  // #40e0d0
+  "violet": 15631086,                    // #ee82ee
+  "wheat": 16113331,                     // #f5deb3
+  "whitesmoke": 16119285,                // #f5f5f5
+  "yellowgreen": 10145074               // #9acd32
+}