カラーチェッカー!

①

透明
色名:Yellow イエロー ／ 黄色 きいろ
備考:レモン色に近い色。X11の色名称
ランダム  
HSL HSLA
24等分した色相環

H 色相:60°
|
S 彩度:100%
|
L 輝度:50%
|
A 透明度:1
|
HSL  
HSLA 
RGB RGBA RGB16/HEX
光の三原色
 R 赤:255
|
G 緑:255
|
B 青:0
|
A 透明度:1
|
R G B 
RGB  
RGBA 
RGB16 HEX  

②

透明
色名:Red レッド ／ 赤 あか
備考:赤系の色 X11の色名称
ランダム  
HSL HSLA
24等分した色相環

H 色相:0°
|
S 彩度:100%
|
L 輝度:50%
|
A 透明度:1
|
HSL  
HSLA 
RGB RGBA RGB16/HEX
光の三原色
 R 赤:255
|
G 緑:0
|
B 青:0
|
A 透明度:1
|
R G B
RGB
RGBA
RGB16 HEX  

③

透明
色名:白 しろ ／ White ホワイト
備考:無彩色。最も明るい色.純白.X11の色名
ランダム  
HSL HSLA
24等分した色相環
 		H 色相:0°
|
S 彩度:0%
|
L 輝度:100%
|
A 透明度:1
|
HSL  
HSLA 
RGB RGBA RGB16/HEX
光の三原色
 R 赤:255
|
G 緑:255
|
B 青:255
|
A 透明度:1
|
R G B
RGB
RGBA
RGB16 HEX  

④

透明
色名:Blue ブルー ／ 青 あお
備考:X11の色名 群青色 ぐんじょういろ
ランダム  
HSL HSLA
24等分した色相環
 		H 色相:240°
|
S 彩度:100%
|
L 輝度:50%
|
A 透明度:1
|
HSL  
HSLA 
RGB RGBA RGB16/HEX
光の三原色
 R 赤:0
|
G 緑:0
|
B 青:255
|
A 透明度:1
|
R G B
RGB
RGBA
RGB16 HEX  

⑤

透明
色名:山吹色 やまぶきいろ ／ Orange
備考:JIS慣用色名 橙系の色 X11の色名称
ランダム  
HSL HSLA
24等分した色相環
 		H 色相:39°
|
S 彩度:100%
|
L 輝度:50%
|
A 透明度:1
|
HSL  
HSLA 
RGB RGBA RGB16/HEX
光の三原色
 R 赤:255
|
G 緑:165
|
B 青:0
|
A 透明度:1
|
R G B
RGB
RGBA
RGB16 HEX  

⑥

透明
色名:黒 くろ ／ Black ブラック
備考:無彩色。最も暗い色。X11の色名称
ランダム  
HSL HSLA
24等分した色相環
 		H 色相:0°
|
S 彩度:0%
|
L 輝度:0%
|
A 透明度:1
|
HSL  
HSLA 
RGB RGBA RGB16/HEX
光の三原色
 R 赤:0
|
G 緑:0
|
B 青:0
|
A 透明度:1
|
R G B
RGB
RGBA
RGB16 HEX  

① ② ③ ④ ⑤ ⑥
1 1 1 1 1 1
          と
          を
入れ替える

背景色① BOX色② 文字色③
Color sample / 色見本
グレイスケール
Color sample / 色見本
グラデーション①→② 文字色③
Color sample / 色見本

パレット内のみ 透明度一括変更
 
パレット
画像は移動して並べたり重ねたりできます。
[変更]または[戻す／並べる]ボタンで整列します。
①
透明度
1
②
透明度
1
③
透明度
1
④
透明度
1
⑤
透明度
1
⑥
透明度
1
キャンバス
HTML5に対応していません

線の太さ50

透 明 度30
色相 ① (彩度・輝度は固定)
0
15
30
45
60
75
90
105
120
135
150
165
180
195
210
225
240
255
270
285
300
315
330
345

彩度 ① (色相・輝度は固定)
100
90%
80%
70%
60%
50%
40%
30%
20%
10%
0%

輝度 ① (色相・彩度は固定)
100
90%
80%
70%
60%
50%
40%
30%
20%
10%
0%

画像の色を調べるツール
画像の色を調べるツール(外部サイト)
Web色変換
イメージカラーピッカー
BannerKoubou.com