arrow_back ホームに戻る

カラーパレット生成

基準色からティント、シェード、読みやすい文字色をすばやく作成できます。

code_blocks コーディングhourglass_top 結果を待っています

推奨文字色

#FDC003

暗い文字

濃い色

淡い色

生成の仕組み

The tool mixes your base color with black to create shades and with white to create tints, then checks relative luminance to recommend readable text colors.

活用ポイント

  • Shades are useful for hover states, pressed states, and stronger accents.
  • Tints help with backgrounds, cards, highlights, and soft supporting surfaces.
  • Contrast guidance is meant as a quick visual helper, not a full accessibility audit.

よくある質問

Can I use this for UI token planning?expand_more

Yes. It is useful for quickly drafting primary, hover, background, and muted variants from one starting color.

Does this replace WCAG testing?expand_more

No. It provides a helpful starting point, but critical interfaces should still be checked with full contrast validation.

さらに探す

次に試したいツール

同じカテゴリのツールと Gogotem で人気のツールを続けて探せます。

すべてのツール arrow_forward