#5b2001
RGB ( 赤 = 91, 緑 = 32, 青 = 1 )
HSL ( 色相 = 21°, 彩度 = 98%, 明度 = 18% )
H : 色相 ( 21° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #5b0201 : -20
11 : #5b1101 : -10
21 : #5b2001 : ±0
31 : #5b2f01 : +10
41 : #5b3e01 : +20
51 : #5b4d01 : +30
61 : #595b01 : +40
71 : #4a5b01 : +50
81 : #3b5b01 : +60
91 : #2c5b01 : +70
101 : #1d5b01 : +80
111 : #0e5b01 : +90
121 : #015b02 : +100
131 : #015b11 : +110
141 : #015b20 : +120
151 : #015b2f : +130
161 : #015b3e : +140
171 : #015b4d : +150
181 : #01595b : +160
191 : #014a5b : +170
201 : #013b5b : +180
211 : #012c5b : +190
221 : #011d5b : +200
231 : #010e5b : +210
241 : #02015b : +220
251 : #11015b : +230
261 : #20015b : +240
271 : #2f015b : +250
281 : #3e015b : +260
291 : #4d015b : +270
301 : #5b0159 : +280
311 : #5b014a : +290
321 : #5b013b : +300
331 : #5b012c : +310
341 : #5b011d : +320
351 : #5b010e : +330
11 : #5b1101 : -10
12 : #5b1301 : -9
13 : #5b1401 : -8
14 : #5b1601 : -7
15 : #5b1701 : -6
16 : #5b1901 : -5
17 : #5b1a01 : -4
18 : #5b1c01 : -3
19 : #5b1d01 : -2
20 : #5b1f01 : -1
21 : #5b2001 : ±0
22 : #5b2201 : +1
23 : #5b2301 : +2
24 : #5b2501 : +3
25 : #5b2601 : +4
26 : #5b2801 : +5
27 : #5b2901 : +6
28 : #5b2b01 : +7
29 : #5b2c01 : +8
30 : #5b2e01 : +9
31 : #5b2f01 : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -98
2 : #2f2e2d : -96
4 : #302d2c : -94
6 : #312d2b : -92
8 : #322d2a : -90
10 : #322d29 : -88
12 : #332c28 : -86
14 : #342c27 : -84
16 : #352c27 : -82
18 : #362b26 : -80
20 : #372b25 : -78
22 : #382b24 : -76
24 : #392b23 : -74
26 : #3a2a22 : -72
28 : #3b2a21 : -70
30 : #3c2a20 : -68
32 : #3d291f : -66
34 : #3e291e : -64
36 : #3e291d : -62
38 : #3f291c : -60
40 : #40281c : -58
42 : #41281b : -56
44 : #42281a : -54
46 : #432819 : -52
48 : #442718 : -50
50 : #452717 : -48
52 : #462716 : -46
54 : #472615 : -44
56 : #482614 : -42
58 : #492613 : -40
60 : #492612 : -38
62 : #4a2511 : -36
64 : #4b2511 : -34
66 : #4c2510 : -32
68 : #4d250f : -30
70 : #4e240e : -28
72 : #4f240d : -26
74 : #50240c : -24
76 : #51230b : -22
78 : #52230a : -20
80 : #532309 : -18
82 : #542308 : -16
84 : #542207 : -14
86 : #552206 : -12
88 : #562206 : -10
90 : #572205 : -8
92 : #582104 : -6
94 : #592103 : -4
96 : #5a2102 : -2
98 : #5b2001 : ±0
100 : #5c2000 : +2
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #0a0400 : -16
4 : #140700 : -14
6 : #1e0b00 : -12
8 : #280e00 : -10
10 : #321201 : -8
12 : #3d1601 : -6
14 : #471901 : -4
16 : #511d01 : -2
18 : #5b2001 : ±0
20 : #652401 : +2
22 : #6f2801 : +4
24 : #792b01 : +6
26 : #832f01 : +8
28 : #8d3201 : +10
30 : #973602 : +12
32 : #a23a02 : +14
34 : #ac3d02 : +16
36 : #b64102 : +18
38 : #c04402 : +20
40 : #ca4802 : +22
42 : #d44c02 : +24
44 : #de4f02 : +26
46 : #e85302 : +28
48 : #f25602 : +30
50 : #fc5a03 : +32
52 : #fd610d : +34
54 : #fd6717 : +36
56 : #fd6e21 : +38
58 : #fd742b : +40
60 : #fd7b35 : +42
62 : #fd823f : +44
64 : #fd8849 : +46
66 : #fd8f53 : +48
68 : #fd955d : +50
70 : #fd9c68 : +52
72 : #fea372 : +54
74 : #fea97c : +56
76 : #feb086 : +58
78 : #feb690 : +60
80 : #febd9a : +62
82 : #fec4a4 : +64
84 : #fecaae : +66
86 : #fed1b8 : +68
88 : #fed7c2 : +70
90 : #fedecd : +72
92 : #ffe5d7 : +74
94 : #ffebe1 : +76
96 : #fff2eb : +78
98 : #fff8f5 : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow