Color Simulation

2 min read

Color Simulation

Usage

# colorSimulation(color: Color, type: SimulationType="normal") => Color

Simulate color blindness and color in grayscale.

  • type describes the types of simulations that can be performed, the normal case, the eight different modes of color blindness, and the colors in grayscale mode

    • normal
    • color blindness (protanopia, protanomaly, deuteranopia, deuteranomaly, tritanopia, tritanomaly, achromatopsia, achromatomaly)
    • grayscale
import { colorSimulation } from '@antv/smart-color';

const color = {
  model: "rgb",
  value: { r: 91, g: 143, b: 249 },
}; 

colorSimulation(color); 
// { model: "rgb", value: { r: 91, g: 143, b: 249 } }
colorSimulation(color, "achromatopsia");
// { model: 'rgb', value: { r: 122, g: 141, b: 179 } }
colorSimulation(color, "grayscale");
// { model: 'rgb', value: { r: 140, g: 140, b: 140 } }
# invertGrayscale(grayscaleValue: number, color: Color) => Color

Invert the new color from the gray scale value and the original color.

  • grayscaleValue takes values in the range [0,1], defines black at 0 and white at 1.
import { invertGrayscale } from '@antv/smart-color';

const color = {
  model: "rgb",
  value: { r: 91, g: 143, b: 249 },
}; 

invertGrayscale(0.8, color);
//{
//   model: 'lab',
//   value: { l: 86, a: 15.189939985936984, b: -58.16592090107158 }
// }