#b4a804
RGB ( 赤 = 180, 緑 = 168, 青 = 4 )
HSL ( 色相 = 56°, 彩度 = 96%, 明度 = 36% )
H : 色相 ( 56° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #b41504 : -50
16 : #b43304 : -40
26 : #b45004 : -30
36 : #b46d04 : -20
46 : #b48b04 : -10
56 : #b4a804 : ±0
66 : #a2b404 : +10
76 : #85b404 : +20
86 : #68b404 : +30
96 : #4ab404 : +40
106 : #2db404 : +50
116 : #0fb404 : +60
126 : #04b415 : +70
136 : #04b433 : +80
146 : #04b450 : +90
156 : #04b46d : +100
166 : #04b48b : +110
176 : #04b4a8 : +120
186 : #04a2b4 : +130
196 : #0485b4 : +140
206 : #0468b4 : +150
216 : #044ab4 : +160
226 : #042db4 : +170
236 : #040fb4 : +180
246 : #1504b4 : +190
256 : #3304b4 : +200
266 : #5004b4 : +210
276 : #6d04b4 : +220
286 : #8b04b4 : +230
296 : #a804b4 : +240
306 : #b404a2 : +250
316 : #b40485 : +260
326 : #b40468 : +270
336 : #b4044a : +280
346 : #b4042d : +290
356 : #b4040f : +300
46 : #b48b04 : -10
47 : #b48e04 : -9
48 : #b49104 : -8
49 : #b49404 : -7
50 : #b49704 : -6
51 : #b49904 : -5
52 : #b49c04 : -4
53 : #b49f04 : -3
54 : #b4a204 : -2
55 : #b4a504 : -1
56 : #b4a804 : ±0
57 : #b4ab04 : +1
58 : #b4ae04 : +2
59 : #b4b104 : +3
60 : #b4b404 : +4
61 : #b1b404 : +5
62 : #aeb404 : +6
63 : #abb404 : +7
64 : #a8b404 : +8
65 : #a5b404 : +9
66 : #a2b404 : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #5b5b5b : -96
2 : #5e5d5a : -94
4 : #5f5f58 : -92
6 : #616156 : -90
8 : #636254 : -88
10 : #656453 : -86
12 : #676551 : -84
14 : #69674f : -82
16 : #6a694d : -80
18 : #6c6a4b : -78
20 : #6e6c49 : -76
22 : #706d48 : -74
24 : #726f46 : -72
26 : #747044 : -70
28 : #767242 : -68
30 : #777440 : -66
32 : #79753e : -64
34 : #7b773d : -62
36 : #7d783b : -60
38 : #7f7a39 : -58
40 : #817c37 : -56
42 : #827d35 : -54
44 : #847f33 : -52
46 : #868032 : -50
48 : #888230 : -48
50 : #8a842e : -46
52 : #8c852c : -44
54 : #8d872a : -42
56 : #8f8828 : -40
58 : #918a27 : -38
60 : #938c25 : -36
62 : #958d23 : -34
64 : #978f21 : -32
66 : #98901f : -30
68 : #9a921d : -28
70 : #9c931c : -26
72 : #9e951a : -24
74 : #a09718 : -22
76 : #a29816 : -20
78 : #a39a14 : -18
80 : #a59b12 : -16
82 : #a79d11 : -14
84 : #a99f0f : -12
86 : #aba00d : -10
88 : #ada20b : -8
90 : #aea309 : -6
92 : #b0a507 : -4
94 : #b2a706 : -2
96 : #b4a804 : ±0
98 : #b6aa02 : +2
100 : #b8ab00 : +4
L : 明度 ( 36% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -36
2 : #0a0900 : -34
4 : #141300 : -32
6 : #1e1c01 : -30
8 : #282501 : -28
10 : #322f01 : -26
12 : #3c3801 : -24
14 : #464101 : -22
16 : #504b02 : -20
18 : #5a5402 : -18
20 : #645d02 : -16
22 : #6e6702 : -14
24 : #787002 : -12
26 : #827903 : -10
28 : #8c8303 : -8
30 : #968c03 : -6
32 : #a09503 : -4
34 : #aa9f03 : -2
36 : #b4a804 : ±0
38 : #beb204 : +2
40 : #c8bb04 : +4
42 : #d2c404 : +6
44 : #dcce04 : +8
46 : #e6d705 : +10
48 : #f0e005 : +12
50 : #faea05 : +14
52 : #faea0f : +16
54 : #faeb19 : +18
56 : #fbec23 : +20
58 : #fbed2d : +22
60 : #fbee37 : +24
62 : #fbef41 : +26
64 : #fbf04b : +28
66 : #fcf055 : +30
68 : #fcf15f : +32
70 : #fcf269 : +34
72 : #fcf373 : +36
74 : #fcf47d : +38
76 : #fdf587 : +40
78 : #fdf691 : +42
80 : #fdf69b : +44
82 : #fdf7a5 : +46
84 : #fdf8af : +48
86 : #fef9b9 : +50
88 : #fefac3 : +52
90 : #fefbcd : +54
92 : #fefcd7 : +56
94 : #fefce1 : +58
96 : #fffdeb : +60
98 : #fffef5 : +62
100 : #ffffff : +64
CSS入門、作ってます。
text-shadow