module

CrImage::Pallete

The Pallete module provides predefined color palettes for image processing.

These palettes are useful for:

  • Color quantization (reducing the number of colors in an image)
  • Consistent color schemes across applications
  • Accessibility-compliant color selection
  • Retro/legacy display emulation

Available Palettes

  • MATERIAL - Google's Material Design colors (82 colors)
  • TAILWIND - Tailwind CSS framework colors (80 colors)
  • WEB_SAFE - Classic web-safe colors (216 colors)

Usage Example

# Get a specific color from a palette
red = CrImage::Pallete::MATERIAL[5] # Material Red 500

# Iterate through palette colors
CrImage::Pallete::TAILWIND.each do |color|
  rgba = color.as(CrImage::Color::RGBA)
  puts "RGB(#{rgba.r}, #{rgba.g}, #{rgba.b})"
end

# Use with color quantization
palette = CrImage::Pallete::MATERIAL
closest_color = palette.min_by { |c| color_distance(my_color, c) }

Constants

MATERIAL = [Color::RGBA.new(255, 235, 238, 255), Color::RGBA.new(255, 205, 210, 255), Color::RGBA.new(239, 154, 154, 255), Color::RGBA.new(229, 115, 115, 255), Color::RGBA.new(239, 83, 80, 255), Color::RGBA.new(244, 67, 54, 255), Color::RGBA.new(229, 57, 53, 255), Color::RGBA.new(211, 47, 47, 255), Color::RGBA.new(198, 40, 40, 255), Color::RGBA.new(183, 28, 28, 255), Color::RGBA.new(252, 228, 236, 255), Color::RGBA.new(248, 187, 208, 255), Color::RGBA.new(244, 143, 177, 255), Color::RGBA.new(240, 98, 146, 255), Color::RGBA.new(236, 64, 122, 255), Color::RGBA.new(233, 30, 99, 255), Color::RGBA.new(216, 27, 96, 255), Color::RGBA.new(194, 24, 91, 255), Color::RGBA.new(173, 20, 87, 255), Color::RGBA.new(136, 14, 79, 255), Color::RGBA.new(243, 229, 245, 255), Color::RGBA.new(225, 190, 231, 255), Color::RGBA.new(206, 147, 216, 255), Color::RGBA.new(186, 104, 200, 255), Color::RGBA.new(171, 71, 188, 255), Color::RGBA.new(156, 39, 176, 255), Color::RGBA.new(142, 36, 170, 255), Color::RGBA.new(123, 31, 162, 255), Color::RGBA.new(106, 27, 154, 255), Color::RGBA.new(74, 20, 140, 255), Color::RGBA.new(227, 242, 253, 255), Color::RGBA.new(187, 222, 251, 255), Color::RGBA.new(144, 202, 249, 255), Color::RGBA.new(100, 181, 246, 255), Color::RGBA.new(66, 165, 245, 255), Color::RGBA.new(33, 150, 243, 255), Color::RGBA.new(30, 136, 229, 255), Color::RGBA.new(25, 118, 210, 255), Color::RGBA.new(21, 101, 192, 255), Color::RGBA.new(13, 71, 161, 255), Color::RGBA.new(232, 245, 233, 255), Color::RGBA.new(200, 230, 201, 255), Color::RGBA.new(165, 214, 167, 255), Color::RGBA.new(129, 199, 132, 255), Color::RGBA.new(102, 187, 106, 255), Color::RGBA.new(76, 175, 80, 255), Color::RGBA.new(67, 160, 71, 255), Color::RGBA.new(56, 142, 60, 255), Color::RGBA.new(46, 125, 50, 255), Color::RGBA.new(27, 94, 32, 255), Color::RGBA.new(255, 253, 231, 255), Color::RGBA.new(255, 249, 196, 255), Color::RGBA.new(255, 245, 157, 255), Color::RGBA.new(255, 241, 118, 255), Color::RGBA.new(255, 238, 88, 255), Color::RGBA.new(255, 235, 59, 255), Color::RGBA.new(253, 216, 53, 255), Color::RGBA.new(251, 192, 45, 255), Color::RGBA.new(249, 168, 37, 255), Color::RGBA.new(245, 127, 23, 255), Color::RGBA.new(255, 243, 224, 255), Color::RGBA.new(255, 224, 178, 255), Color::RGBA.new(255, 204, 128, 255), Color::RGBA.new(255, 183, 77, 255), Color::RGBA.new(255, 167, 38, 255), Color::RGBA.new(255, 152, 0, 255), Color::RGBA.new(251, 140, 0, 255), Color::RGBA.new(245, 124, 0, 255), Color::RGBA.new(239, 108, 0, 255), Color::RGBA.new(230, 81, 0, 255), Color::RGBA.new(255, 255, 255, 255), Color::RGBA.new(250, 250, 250, 255), Color::RGBA.new(245, 245, 245, 255), Color::RGBA.new(238, 238, 238, 255), Color::RGBA.new(224, 224, 224, 255), Color::RGBA.new(189, 189, 189, 255), Color::RGBA.new(158, 158, 158, 255), Color::RGBA.new(117, 117, 117, 255), Color::RGBA.new(97, 97, 97, 255), Color::RGBA.new(66, 66, 66, 255), Color::RGBA.new(33, 33, 33, 255), Color::RGBA.new(0, 0, 0, 255)]

Material Design palette - Google's modern design system colors A carefully crafted color palette with excellent accessibility See https://material.io/design/color for details

Total: 82 colors organized by hue with 10 shades each (50-900) plus 12 grays

TAILWIND = [Color::RGBA.new(248, 250, 252, 255), Color::RGBA.new(241, 245, 249, 255), Color::RGBA.new(226, 232, 240, 255), Color::RGBA.new(203, 213, 225, 255), Color::RGBA.new(148, 163, 184, 255), Color::RGBA.new(100, 116, 139, 255), Color::RGBA.new(71, 85, 105, 255), Color::RGBA.new(51, 65, 85, 255), Color::RGBA.new(30, 41, 59, 255), Color::RGBA.new(15, 23, 42, 255), Color::RGBA.new(254, 242, 242, 255), Color::RGBA.new(254, 226, 226, 255), Color::RGBA.new(254, 202, 202, 255), Color::RGBA.new(252, 165, 165, 255), Color::RGBA.new(248, 113, 113, 255), Color::RGBA.new(239, 68, 68, 255), Color::RGBA.new(220, 38, 38, 255), Color::RGBA.new(185, 28, 28, 255), Color::RGBA.new(153, 27, 27, 255), Color::RGBA.new(127, 29, 29, 255), Color::RGBA.new(255, 247, 237, 255), Color::RGBA.new(255, 237, 213, 255), Color::RGBA.new(254, 215, 170, 255), Color::RGBA.new(253, 186, 116, 255), Color::RGBA.new(251, 146, 60, 255), Color::RGBA.new(249, 115, 22, 255), Color::RGBA.new(234, 88, 12, 255), Color::RGBA.new(194, 65, 12, 255), Color::RGBA.new(154, 59, 18, 255), Color::RGBA.new(124, 45, 18, 255), Color::RGBA.new(254, 252, 191, 255), Color::RGBA.new(254, 243, 199, 255), Color::RGBA.new(253, 230, 138, 255), Color::RGBA.new(252, 211, 77, 255), Color::RGBA.new(250, 204, 21, 255), Color::RGBA.new(234, 179, 8, 255), Color::RGBA.new(202, 138, 4, 255), Color::RGBA.new(161, 98, 7, 255), Color::RGBA.new(133, 77, 14, 255), Color::RGBA.new(113, 63, 18, 255), Color::RGBA.new(240, 253, 244, 255), Color::RGBA.new(220, 252, 231, 255), Color::RGBA.new(187, 247, 208, 255), Color::RGBA.new(134, 239, 172, 255), Color::RGBA.new(74, 222, 128, 255), Color::RGBA.new(34, 197, 94, 255), Color::RGBA.new(22, 163, 74, 255), Color::RGBA.new(21, 128, 61, 255), Color::RGBA.new(22, 109, 52, 255), Color::RGBA.new(20, 83, 45, 255), Color::RGBA.new(239, 246, 255, 255), Color::RGBA.new(219, 234, 254, 255), Color::RGBA.new(191, 219, 254, 255), Color::RGBA.new(147, 197, 253, 255), Color::RGBA.new(96, 165, 250, 255), Color::RGBA.new(59, 130, 246, 255), Color::RGBA.new(37, 99, 235, 255), Color::RGBA.new(29, 78, 216, 255), Color::RGBA.new(30, 64, 175, 255), Color::RGBA.new(30, 58, 138, 255), Color::RGBA.new(250, 245, 255, 255), Color::RGBA.new(243, 232, 255, 255), Color::RGBA.new(233, 213, 255, 255), Color::RGBA.new(216, 180, 254, 255), Color::RGBA.new(192, 132, 252, 255), Color::RGBA.new(168, 85, 247, 255), Color::RGBA.new(147, 51, 234, 255), Color::RGBA.new(126, 34, 206, 255), Color::RGBA.new(107, 33, 168, 255), Color::RGBA.new(88, 28, 135, 255), Color::RGBA.new(253, 242, 248, 255), Color::RGBA.new(252, 231, 243, 255), Color::RGBA.new(251, 207, 232, 255), Color::RGBA.new(249, 168, 212, 255), Color::RGBA.new(244, 114, 182, 255), Color::RGBA.new(236, 72, 153, 255), Color::RGBA.new(219, 39, 119, 255), Color::RGBA.new(190, 24, 93, 255), Color::RGBA.new(157, 23, 77, 255), Color::RGBA.new(131, 24, 67, 255)]

Tailwind CSS default color palette - popular utility-first CSS framework Modern, vibrant colors optimized for UI design See https://tailwindcss.com/docs/customizing-colors

Total: 80 colors organized by hue with 10 shades each (50-900)

WEB_SAFE = [Color::RGBA.new(0, 0, 0, 255), Color::RGBA.new(0, 0, 51, 255), Color::RGBA.new(0, 0, 102, 255), Color::RGBA.new(0, 0, 153, 255), Color::RGBA.new(0, 0, 204, 255), Color::RGBA.new(0, 0, 255, 255), Color::RGBA.new(0, 51, 0, 255), Color::RGBA.new(0, 51, 51, 255), Color::RGBA.new(0, 51, 102, 255), Color::RGBA.new(0, 51, 153, 255), Color::RGBA.new(0, 51, 204, 255), Color::RGBA.new(0, 51, 255, 255), Color::RGBA.new(0, 102, 0, 255), Color::RGBA.new(0, 102, 51, 255), Color::RGBA.new(0, 102, 102, 255), Color::RGBA.new(0, 102, 153, 255), Color::RGBA.new(0, 102, 204, 255), Color::RGBA.new(0, 102, 255, 255), Color::RGBA.new(0, 153, 0, 255), Color::RGBA.new(0, 153, 51, 255), Color::RGBA.new(0, 153, 102, 255), Color::RGBA.new(0, 153, 153, 255), Color::RGBA.new(0, 153, 204, 255), Color::RGBA.new(0, 153, 255, 255), Color::RGBA.new(0, 204, 0, 255), Color::RGBA.new(0, 204, 51, 255), Color::RGBA.new(0, 204, 102, 255), Color::RGBA.new(0, 204, 153, 255), Color::RGBA.new(0, 204, 204, 255), Color::RGBA.new(0, 204, 255, 255), Color::RGBA.new(0, 255, 0, 255), Color::RGBA.new(0, 255, 51, 255), Color::RGBA.new(0, 255, 102, 255), Color::RGBA.new(0, 255, 153, 255), Color::RGBA.new(0, 255, 204, 255), Color::RGBA.new(0, 255, 255, 255), Color::RGBA.new(51, 0, 0, 255), Color::RGBA.new(51, 0, 51, 255), Color::RGBA.new(51, 0, 102, 255), Color::RGBA.new(51, 0, 153, 255), Color::RGBA.new(51, 0, 204, 255), Color::RGBA.new(51, 0, 255, 255), Color::RGBA.new(51, 51, 0, 255), Color::RGBA.new(51, 51, 51, 255), Color::RGBA.new(51, 51, 102, 255), Color::RGBA.new(51, 51, 153, 255), Color::RGBA.new(51, 51, 204, 255), Color::RGBA.new(51, 51, 255, 255), Color::RGBA.new(51, 102, 0, 255), Color::RGBA.new(51, 102, 51, 255), Color::RGBA.new(51, 102, 102, 255), Color::RGBA.new(51, 102, 153, 255), Color::RGBA.new(51, 102, 204, 255), Color::RGBA.new(51, 102, 255, 255), Color::RGBA.new(51, 153, 0, 255), Color::RGBA.new(51, 153, 51, 255), Color::RGBA.new(51, 153, 102, 255), Color::RGBA.new(51, 153, 153, 255), Color::RGBA.new(51, 153, 204, 255), Color::RGBA.new(51, 153, 255, 255), Color::RGBA.new(51, 204, 0, 255), Color::RGBA.new(51, 204, 51, 255), Color::RGBA.new(51, 204, 102, 255), Color::RGBA.new(51, 204, 153, 255), Color::RGBA.new(51, 204, 204, 255), Color::RGBA.new(51, 204, 255, 255), Color::RGBA.new(51, 255, 0, 255), Color::RGBA.new(51, 255, 51, 255), Color::RGBA.new(51, 255, 102, 255), Color::RGBA.new(51, 255, 153, 255), Color::RGBA.new(51, 255, 204, 255), Color::RGBA.new(51, 255, 255, 255), Color::RGBA.new(102, 0, 0, 255), Color::RGBA.new(102, 0, 51, 255), Color::RGBA.new(102, 0, 102, 255), Color::RGBA.new(102, 0, 153, 255), Color::RGBA.new(102, 0, 204, 255), Color::RGBA.new(102, 0, 255, 255), Color::RGBA.new(102, 51, 0, 255), Color::RGBA.new(102, 51, 51, 255), Color::RGBA.new(102, 51, 102, 255), Color::RGBA.new(102, 51, 153, 255), Color::RGBA.new(102, 51, 204, 255), Color::RGBA.new(102, 51, 255, 255), Color::RGBA.new(102, 102, 0, 255), Color::RGBA.new(102, 102, 51, 255), Color::RGBA.new(102, 102, 102, 255), Color::RGBA.new(102, 102, 153, 255), Color::RGBA.new(102, 102, 204, 255), Color::RGBA.new(102, 102, 255, 255), Color::RGBA.new(102, 153, 0, 255), Color::RGBA.new(102, 153, 51, 255), Color::RGBA.new(102, 153, 102, 255), Color::RGBA.new(102, 153, 153, 255), Color::RGBA.new(102, 153, 204, 255), Color::RGBA.new(102, 153, 255, 255), Color::RGBA.new(102, 204, 0, 255), Color::RGBA.new(102, 204, 51, 255), Color::RGBA.new(102, 204, 102, 255), Color::RGBA.new(102, 204, 153, 255), Color::RGBA.new(102, 204, 204, 255), Color::RGBA.new(102, 204, 255, 255), Color::RGBA.new(102, 255, 0, 255), Color::RGBA.new(102, 255, 51, 255), Color::RGBA.new(102, 255, 102, 255), Color::RGBA.new(102, 255, 153, 255), Color::RGBA.new(102, 255, 204, 255), Color::RGBA.new(102, 255, 255, 255), Color::RGBA.new(153, 0, 0, 255), Color::RGBA.new(153, 0, 51, 255), Color::RGBA.new(153, 0, 102, 255), Color::RGBA.new(153, 0, 153, 255), Color::RGBA.new(153, 0, 204, 255), Color::RGBA.new(153, 0, 255, 255), Color::RGBA.new(153, 51, 0, 255), Color::RGBA.new(153, 51, 51, 255), Color::RGBA.new(153, 51, 102, 255), Color::RGBA.new(153, 51, 153, 255), Color::RGBA.new(153, 51, 204, 255), Color::RGBA.new(153, 51, 255, 255), Color::RGBA.new(153, 102, 0, 255), Color::RGBA.new(153, 102, 51, 255), Color::RGBA.new(153, 102, 102, 255), Color::RGBA.new(153, 102, 153, 255), Color::RGBA.new(153, 102, 204, 255), Color::RGBA.new(153, 102, 255, 255), Color::RGBA.new(153, 153, 0, 255), Color::RGBA.new(153, 153, 51, 255), Color::RGBA.new(153, 153, 102, 255), Color::RGBA.new(153, 153, 153, 255), Color::RGBA.new(153, 153, 204, 255), Color::RGBA.new(153, 153, 255, 255), Color::RGBA.new(153, 204, 0, 255), Color::RGBA.new(153, 204, 51, 255), Color::RGBA.new(153, 204, 102, 255), Color::RGBA.new(153, 204, 153, 255), Color::RGBA.new(153, 204, 204, 255), Color::RGBA.new(153, 204, 255, 255), Color::RGBA.new(153, 255, 0, 255), Color::RGBA.new(153, 255, 51, 255), Color::RGBA.new(153, 255, 102, 255), Color::RGBA.new(153, 255, 153, 255), Color::RGBA.new(153, 255, 204, 255), Color::RGBA.new(153, 255, 255, 255), Color::RGBA.new(204, 0, 0, 255), Color::RGBA.new(204, 0, 51, 255), Color::RGBA.new(204, 0, 102, 255), Color::RGBA.new(204, 0, 153, 255), Color::RGBA.new(204, 0, 204, 255), Color::RGBA.new(204, 0, 255, 255), Color::RGBA.new(204, 51, 0, 255), Color::RGBA.new(204, 51, 51, 255), Color::RGBA.new(204, 51, 102, 255), Color::RGBA.new(204, 51, 153, 255), Color::RGBA.new(204, 51, 204, 255), Color::RGBA.new(204, 51, 255, 255), Color::RGBA.new(204, 102, 0, 255), Color::RGBA.new(204, 102, 51, 255), Color::RGBA.new(204, 102, 102, 255), Color::RGBA.new(204, 102, 153, 255), Color::RGBA.new(204, 102, 204, 255), Color::RGBA.new(204, 102, 255, 255), Color::RGBA.new(204, 153, 0, 255), Color::RGBA.new(204, 153, 51, 255), Color::RGBA.new(204, 153, 102, 255), Color::RGBA.new(204, 153, 153, 255), Color::RGBA.new(204, 153, 204, 255), Color::RGBA.new(204, 153, 255, 255), Color::RGBA.new(204, 204, 0, 255), Color::RGBA.new(204, 204, 51, 255), Color::RGBA.new(204, 204, 102, 255), Color::RGBA.new(204, 204, 153, 255), Color::RGBA.new(204, 204, 204, 255), Color::RGBA.new(204, 204, 255, 255), Color::RGBA.new(204, 255, 0, 255), Color::RGBA.new(204, 255, 51, 255), Color::RGBA.new(204, 255, 102, 255), Color::RGBA.new(204, 255, 153, 255), Color::RGBA.new(204, 255, 204, 255), Color::RGBA.new(204, 255, 255, 255), Color::RGBA.new(255, 0, 0, 255), Color::RGBA.new(255, 0, 51, 255), Color::RGBA.new(255, 0, 102, 255), Color::RGBA.new(255, 0, 153, 255), Color::RGBA.new(255, 0, 204, 255), Color::RGBA.new(255, 0, 255, 255), Color::RGBA.new(255, 51, 0, 255), Color::RGBA.new(255, 51, 51, 255), Color::RGBA.new(255, 51, 102, 255), Color::RGBA.new(255, 51, 153, 255), Color::RGBA.new(255, 51, 204, 255), Color::RGBA.new(255, 51, 255, 255), Color::RGBA.new(255, 102, 0, 255), Color::RGBA.new(255, 102, 51, 255), Color::RGBA.new(255, 102, 102, 255), Color::RGBA.new(255, 102, 153, 255), Color::RGBA.new(255, 102, 204, 255), Color::RGBA.new(255, 102, 255, 255), Color::RGBA.new(255, 153, 0, 255), Color::RGBA.new(255, 153, 51, 255), Color::RGBA.new(255, 153, 102, 255), Color::RGBA.new(255, 153, 153, 255), Color::RGBA.new(255, 153, 204, 255), Color::RGBA.new(255, 153, 255, 255), Color::RGBA.new(255, 204, 0, 255), Color::RGBA.new(255, 204, 51, 255), Color::RGBA.new(255, 204, 102, 255), Color::RGBA.new(255, 204, 153, 255), Color::RGBA.new(255, 204, 204, 255), Color::RGBA.new(255, 204, 255, 255), Color::RGBA.new(255, 255, 0, 255), Color::RGBA.new(255, 255, 51, 255), Color::RGBA.new(255, 255, 102, 255), Color::RGBA.new(255, 255, 153, 255), Color::RGBA.new(255, 255, 204, 255), Color::RGBA.new(255, 255, 255, 255)]

WebSafe is a 216-color palette that was popularized by early versions of Netscape Navigator. It is also known as the Netscape Color Cube. See https://en.wikipedia.org/wiki/Web_colors#Web-safe_colors for details.

Total: 216 colors (6×6×6 RGB cube) Each RGB channel uses only: 0x00, 0x33, 0x66, 0x99, 0xCC, 0xFF This ensures consistent rendering across different displays and browsers