techa / color-factory

Color scheme Consideration.

Color Factory

デジタルカラーカードで配色考察とかしちゃう君

Features

• Tool
  • palette data save
  • undo ctrl+z / redo ctrl+shift+z
  • pick Background-color
  • select all ctrl+a
  • View
    • fill/text
    • filter: grayscale
    • color models
  • sortable: hue, hue(circle), saturationl, lightness, saturationv, value, chroma, gray, contrast
• Color cards
  • auto color name: Source: color-names
  • selectable
  • movable
  • Right click on Card!
    • Rename
    • Duplicate
    • Reverse: fill/text
    • Delete
• Color picker
  • input model(format): Hex, RGB, HSL, HSV, XYZ, LAB, CMYK
  • HSV Color picker
  • Random Color
  • mixer:
    • between 2colors mixer
  • WCAG2.0 1.4.3 Contrast
    • AAA(7:1)
    • AA(4.5:1)
    • A(3:1)
    • Not Readable
  • Alpha Blending: a=1
• Color lists
  • Web Color Names 140colors
  • JIS慣用色 和名
  • JIS慣用色 英名
  • Material UI Colors
  • RAL: Source: http://www.ralcolor.com/
  • PANTONE®: Source https://github.com/frontendstacked/color-palettes-for-sass
  • crayola

Dependencies

• svelte.js
• color.js

Inspiration

• mozilla/Color picker tool