@antv/smart-color
A JavaScript library for color computation.
Last updated 15 days ago by cxxxxxn .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @antv/smart-color 
SYNC missed versions from official npm registry.

@antv/smart-color

A JavaScript library for color computation.

✨ Features

  • Palette Generation: Generate categorical or discrete scale palette based on color scheme.
  • Palette Optimization: Optimize palette to enhance color discriminability.
  • Palette Extraction: Get palettes from strings and images.
  • Color Simulation: Simulate color blindness and color in grayscale.
  • Color Evaluation: Evaluate color discriminability and aesthetics.
  • Color Computation: Blend colors, brighten or darken colors.
  • Color Conversion: Convert color into different formats.

???? Installation

$ npm install @antv/smart-color

???? Getting Started

  • Palette Generation
import { paletteGeneration } from '@antv/smart-color';

paletteGeneration("monochromatic", {
  color: {
    model: "rgb",
    value: { r: 91, g: 143, b: 249 },
  },
  count: 7,
  tendency: "shade"
});
auto generated palette
  • Palette Optimization
import { PaletteOptimization } from '@antv/smart-color';

const palette = {
  name: "color4",
  semantic: null,
  type: "categorical",
  colors: [
    { model: "rgb", value: { r: 101, g: 120, b: 155 }, },
    { model: "rgb", value: { r: 91, g: 143, b: 249 }, },
    { model: "rgb", value: { r: 97, g: 221, b: 170 }, },
    { model: "rgb", value: { r: 246, g: 189, b: 22 }, }
  ],
}
paletteOptimization(palette, {
  locked: [true],
  simulationType: "grayscale"
});
Before: palette before optimization
After: palette after optimization
  • Color Simulation
import { colorSimulation } from '@antv/smart-color';

const color = {
  model: "rgb",
  value: { r: 91, g: 143, b: 249 },
}
colorSimulation(color, "achromatomaly");
color simulation result

???? Links

License

MIT

Current Tags

  • 0.2.1                                ...           latest (15 days ago)

11 Versions

  • 0.2.1                                ...           15 days ago
  • 0.2.0                                ...           23 days ago
  • 0.1.8                                ...           a month ago
  • 0.1.7                                ...           a month ago
  • 0.1.6                                ...           2 months ago
  • 0.1.5                                ...           2 months ago
  • 0.1.4                                ...           2 months ago
  • 0.1.3                                ...           3 months ago
  • 0.1.2                                ...           3 months ago
  • 0.1.1                                ...           3 months ago
  • 0.1.0                                ...           3 months ago

Copyright 2014 - 2017 © taobao.org |