RGB
ID
RGB
赤 255
緑 255
青 255
HSL
色相 0°
彩度 0%
明度 100%
輝度 100%
３桁の色
#fff
類似色
#fefefe
#fefefe
反対色
#fefefe
#fefefe
補色
#fefefe
反転色
#000000

RGB ( 赤 = 255, 緑 = 255, 青 = 255 )

#ffffffからRGB値を少しずつ変更した色です。
#fff
#fff
#ffe
#ffe
#fff
#fff
#eff
#eff
#efe
#efe
#eff
#eff
#fff
#fff
#ffe
#ffe
#fff
#fff
#fef
#fef
#fee
#fee
#fef
#fef
#eef
#eef
#eee

HSL ( 色相 = 0°, 彩度 = 0%, 明度 = 100% )

色相環 ( 0° )
0°
30°
60°
90°
120°
150°
180°
210°
240°
270°
300°
330°
トーン ( 0%, 100% )
vivid
bright
strong
deep
light
soft
dull
dark
pale
light grayish
grayish
dark grayish
H : 色相 ( 0° )

(0°) 赤～黄～緑～青～紫 (359°)

0 : #fefefe : ±0
10 : #fefefe : +10
20 : #fefefe : +20
30 : #fefefe : +30
40 : #fefefe : +40
50 : #fefefe : +50
60 : #fefefe : +60
70 : #fefefe : +70
80 : #fefefe : +80
90 : #fefefe : +90
100 : #fefefe : +100
110 : #fefefe : +110
120 : #fefefe : +120
130 : #fefefe : +130
140 : #fefefe : +140
150 : #fefefe : +150
160 : #fefefe : +160
170 : #fefefe : +170
180 : #fefefe : +180
190 : #fefefe : +190
200 : #fefefe : +200
210 : #fefefe : +210
220 : #fefefe : +220
230 : #fefefe : +230
240 : #fefefe : +240
250 : #fefefe : +250
260 : #fefefe : +260
270 : #fefefe : +270
280 : #fefefe : +280
290 : #fefefe : +290
300 : #fefefe : +300
310 : #fefefe : +310
320 : #fefefe : +320
330 : #fefefe : +330
340 : #fefefe : +340
350 : #fefefe : +350
S : 彩度 ( 0% )

(0%) 渋い ～ 鮮やか (100%)

0 : #fefefe : ±0
2 : #ffffff : +2
4 : #ffffff : +4
6 : #ffffff : +6
8 : #ffffff : +8
10 : #ffffff : +10
12 : #ffffff : +12
14 : #ffffff : +14
16 : #ffffff : +16
18 : #ffffff : +18
20 : #ffffff : +20
22 : #ffffff : +22
24 : #ffffff : +24
26 : #ffffff : +26
28 : #ffffff : +28
30 : #ffffff : +30
32 : #ffffff : +32
34 : #ffffff : +34
36 : #ffffff : +36
38 : #ffffff : +38
40 : #ffffff : +40
42 : #ffffff : +42
44 : #ffffff : +44
46 : #ffffff : +46
48 : #ffffff : +48
50 : #ffffff : +50
52 : #ffffff : +52
54 : #ffffff : +54
56 : #ffffff : +56
58 : #ffffff : +58
60 : #ffffff : +60
62 : #ffffff : +62
64 : #ffffff : +64
66 : #ffffff : +66
68 : #ffffff : +68
70 : #ffffff : +70
72 : #ffffff : +72
74 : #ffffff : +74
76 : #ffffff : +76
78 : #ffffff : +78
80 : #ffffff : +80
82 : #ffffff : +82
84 : #ffffff : +84
86 : #ffffff : +86
88 : #ffffff : +88
90 : #ffffff : +90
92 : #ffffff : +92
94 : #ffffff : +94
96 : #ffffff : +96
98 : #ffffff : +98
100 : #ffffff : +100
L : 明度 ( 100% )

(0%) 暗い ～ 明るい (100%)

0 : #000000 : -100
2 : #050505 : -98
4 : #0a0a0a : -96
6 : #0f0f0f : -94
8 : #141414 : -92
10 : #191919 : -90
12 : #1e1e1e : -88
14 : #232323 : -86
16 : #282828 : -84
18 : #2d2d2d : -82
20 : #333333 : -80
22 : #383838 : -78
24 : #3d3d3d : -76
26 : #424242 : -74
28 : #474747 : -72
30 : #4c4c4c : -70
32 : #515151 : -68
34 : #565656 : -66
36 : #5b5b5b : -64
38 : #606060 : -62
40 : #666666 : -60
42 : #6b6b6b : -58
44 : #707070 : -56
46 : #757575 : -54
48 : #7a7a7a : -52
50 : #7f7f7f : -50
52 : #848484 : -48
54 : #898989 : -46
56 : #8e8e8e : -44
58 : #939393 : -42
60 : #999999 : -40
62 : #9e9e9e : -38
64 : #a3a3a3 : -36
66 : #a8a8a8 : -34
68 : #adadad : -32
70 : #b2b2b2 : -30
72 : #b7b7b7 : -28
74 : #bcbcbc : -26
76 : #c1c1c1 : -24
78 : #c6c6c6 : -22
80 : #cccccc : -20
82 : #d1d1d1 : -18
84 : #d6d6d6 : -16
86 : #dbdbdb : -14
88 : #e0e0e0 : -12
90 : #e5e5e5 : -10
92 : #eaeaea : -8
94 : #efefef : -6
96 : #f4f4f4 : -4
98 : #f9f9f9 : -2
100 : #fefefe : ±0
⇒ フィルター
0deg 30deg 60deg 90deg 120deg 150deg 180deg 210deg 240deg 270deg 300deg 330deg
⇒ 線形グラデーション
⇒ 円形グラデーション
⇒ 重ねる
⇒ 影
text-shadow
⇒ リサイズ
リサイズ可能（10em ～ 20em）