Data Visualization: Color on Data Toolbox

i want hue

Mon, 01 Jan 0001 00:00:00 +0000

iwanthue.dataviz.jp

What is this tool?

A web tool for generating and adjusting distinguishable color palettes for data visualization. It creates highly distinguishable color sets by taking human color perception (hue, saturation, lightness, etc.) into account.

Features

Color palette generation…Automatically generates easy-to-distinguish color combinations based on the specified number of colors.
Color property adjustments…Design custom palettes by specifying ranges for hue, chroma (saturation), and lightness.
Color vision deficiency support…Capable of generating palettes that accommodate color vision diversity (color vision deficiency).
Diverse output formats…Retrieve generated palettes as JSON, CSS, RGB/HEX lists, JavaScript code, and more.

How to use

1. Set generation parameters…Specify the number of colors, hue range, and saturation/lightness constraints for the palette.
1. Generate the palette…Colors are listed based on your settings.
1. Customize and adjust…Fine-tune individual colors or overall distribution to optimize visibility and color balance.
1. Export and use…Export in JSON, CSS, JavaScript, and other formats for use in data visualizations.

Leonardo

Mon, 01 Jan 0001 00:00:00 +0000

dataviz.jp

Leonardo

Adobe がオープンソースとして提供しているツール

leonardo.dataviz.jp

What is this tool?

Leonardo is a web-based color tool that generates and designs colors based on target contrast ratios. It functions as a support tool for building accessible (visibility- and color-vision-friendly) color schemes for design systems and data visualization, and for managing overall color systems for themes. It is fundamentally built on a color module that Adobe provides as open source.

Features

Contrast ratio-based color generation…Automatically generates colors that match a specified target contrast ratio, producing palettes that meet accessibility standards (WCAG) requirements.
Color theme design and management…Create and adjust color scales and overall theme structures to build accessible themes for design systems.
Visual evaluation and export…Visually evaluate contrast between colors, color differences, and positions in color space, with export options as SVG or code (CSS custom properties, design tokens) as needed.
Adaptive (dark/light) theme support…Generate color schemes that adapt to light mode and dark mode by adjusting brightness, saturation, and contrast.

How to use

1. Set base colors…Specify the base color, background color, and target contrast ratio.
1. Generate and adjust palettes…Review the automatically generated color swatches, and adjust the color space and ratios as needed.
1. Export results…Export in your preferred format such as SVG, color code lists, CSS/JS/design tokens, and use them in your project.

Color Brewer

Mon, 01 Jan 0001 00:00:00 +0000

dataviz.jp

Color Brewer

カラースキーム選びを地図上でシミュレーション

colorbrewer.dataviz.jp

What is this tool?

ColorBrewer is an online tool for selecting optimal color palettes for data visualization and maps. Its purpose is to suggest color schemes suited to color visibility and the nature of categorical or numerical data.

Features

Color scheme selection assistance…Presents color schemes for sequential data, diverging data, qualitative data, and more based on data characteristics.
Usage considerations…Filter options for colorblind safety, print friendliness, and photocopy safety.
Number of classes…Adjust the number of colors (e.g., 3 to 12) to select the optimal palette.
Color output formats…Export selected palettes in HEX/RGB/CMYK formats, CSS, JavaScript arrays, and more.
Save and load created projects.

How to use

1. Select data nature…Choose from sequential (ordered), diverging (bipolar around a center value), or categorical (unordered).
1. Specify number of colors (classes)…Select the desired number of data classes (e.g., 3, 4, …).
1. Review and adjust the palette…Check how the selected palette looks on maps or charts.
1. Export…Export as CSS, JavaScript, Adobe Swatch, etc. as needed.