HTMLカラーコード・配色ツール|HueRoll
補色・類似色の配色やコントラストを確認できる無料カラーパレット
文字のコントラスト
60–30–10ルール
補色・類似色
TIPS
English
日本語
TIPS
青いCTAとオレンジのCTAはどう見える?背景別に配色を比較
2026-10-16
TIPS
黒文字と濃いグレー文字はどう違う?WEB本文での使い分け
2026-10-16
TIPS
白背景と薄いグレー背景はどちらが見やすい?WEBデザインで比較
2026-10-16
TIPS
WEBサイトの配色ルールをチームで共有する方法
2026-10-16
TIPS
デザインシステムで色を増やしすぎないための考え方
2026-10-16
TIPS
状態ごとの色をどう管理する?WEB UIのカラールール
2026-10-16
TIPS
Hover・Active・Focusの色はどう決める?操作状態が伝わるUIの作り方
2026-10-16
TIPS
Borderカラーは背景色からどう決める?UIを自然に区切る方法
2026-10-16
TIPS
Grayスケールはどう作る?WEBサイトの文字・背景・線で使い分ける方法
2026-10-16
TIPS
Primaryカラーの濃淡は何段階必要?UIカラースケールの作り方
2026-10-16
TIPS
最初のページへ
前のページへ
1
…
5
6
7
8
9
…
81
次のページへ
最後のページへ