Rollpie
Named colors
Color theory
Brand colors
Flag colors
IndianRed
Crimson
Red
FireBrick
Salmon
Tomato
Coral
HotPink
DeepPink
Pink
OrangeRed
DarkOrange
Orange
Gold
Yellow
Khaki
Chocolate
SaddleBrown
Brown
Tan
Olive
YellowGreen
Chartreuse
Lime
LimeGreen
ForestGreen
Green
SeaGreen
Teal
Turquoise
Aqua
DeepSkyBlue
SteelBlue
DodgerBlue
CornflowerBlue
RoyalBlue
Blue
Navy
SlateBlue
BlueViolet
Indigo
Purple
DarkViolet
Violet
Magenta
Orchid
Plum
Lavender
White
WhiteSmoke
Silver
Gray
DimGray
SlateGray
Black
Coca-Cola
YouTube
Netflix
Target
Pinterest
Nintendo
Airbnb
Vodafone
SoundCloud
Home Depot
Fanta
Orange
UPS
McDonald's
Snapchat
National Geographic
Spotify
Starbucks
WhatsApp
Android
Xbox
Tiffany & Co.
Facebook
Twitter
LinkedIn
Intel
Samsung
IBM
Ford
Visa
Twitch
Yahoo
Cadbury
T-Mobile
Barbie
Japan
China
Canada
Switzerland
Turkey
Denmark
Austria
Poland
Indonesia
Vietnam
Portugal
India
Spain
Germany
Ukraine
Sweden
Brazil
Ireland
Italy
Nigeria
Mexico
Saudi Arabia
Bangladesh
Pakistan
Argentina
Greece
France
Israel
Finland
United States
United Kingdom
HEX・RGB・HSV・HSL・CMYK の変換公式 ― 色はどう計算されるか
色相・彩度・明度 ― HSV が表す三つの軸
補色 ― 色相環の反対側
類似色・トライアド・分裂補色 ― 配色パターンの作り方
加法混色と減法混色 ― RGB と CMYK の違い
配色の作り方 ― ベース・メイン・アクセントと 60-30-10
色のイメージ ― 色が与える印象と連想
コントラストと視認性 ― 明度差と WCAG コントラスト比
色覚の多様性 ― カラーユニバーサルデザイン
色空間と色域 ― sRGB・Display P3・Adobe RGB
グラデーションと色の補間 ― RGB 補間と HSV 補間の違い
暖色・寒色・中性色 ― 温度感と進出・後退
トーン ― 明度と彩度をまとめた色の調子(PCCS)
対比と同化 ― 同時対比・面積効果・縁辺対比
補色残像 ― 見つめた色の反対が浮かぶ理由
無彩色と有彩色 ― 白・黒・灰の役割
CSS の色指定 ― hex / rgb() / hsl() / hwb() / oklch
透明度とアルファ合成 ― RGBA と色の重なり
ダークモードの配色 ― 明暗を反転しない設計
知覚均等な色空間 ― Lab・LCh・OKLCH
ブランドカラーの決め方 ― 一色で印象を背負う
トーンで配色する ― トーンオントーン・ドミナント
単色配色 ― 1色で作るまとまり
分離配色 ― 境目に白黒灰をはさむ
ポルトガルの国旗
#006600
RGB
rgb(0 102 0)
CMYK
100% 0% 100% 60%
HSV
120° 100% 40%
HSL
120° 100% 20%
#FF0000
RGB
rgb(255 0 0)
CMYK
0% 100% 100% 0%
HSV
0° 100% 100%
HSL
0° 100% 50%
#FFFF00
RGB
rgb(255 255 0)
CMYK
0% 0% 100% 0%
HSV
60° 100% 100%
HSL
60° 100% 50%