#53073b
RGB ( 赤 = 83, 緑 = 7, 青 = 59 )
HSL ( 色相 = 319°, 彩度 = 84%, 明度 = 18% )
H : 色相 ( 319° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #541307 : -310
19 : #542007 : -300
29 : #542d07 : -290
39 : #543907 : -280
49 : #544607 : -270
59 : #545307 : -260
69 : #495407 : -250
79 : #3c5407 : -240
89 : #2f5407 : -230
99 : #225407 : -220
109 : #155407 : -210
119 : #095407 : -200
129 : #075413 : -190
139 : #075420 : -180
149 : #07542d : -170
159 : #075439 : -160
169 : #075446 : -150
179 : #075453 : -140
189 : #074954 : -130
199 : #073c54 : -120
209 : #072f54 : -110
219 : #072254 : -100
229 : #071554 : -90
239 : #070954 : -80
249 : #130754 : -70
259 : #200754 : -60
269 : #2d0754 : -50
279 : #390754 : -40
289 : #460754 : -30
299 : #530754 : -20
309 : #540749 : -10
319 : #54073c : ±0
329 : #54072f : +10
339 : #540722 : +20
349 : #540715 : +30
359 : #540709 : +40
309 : #540749 : -10
310 : #540748 : -9
311 : #540746 : -8
312 : #540745 : -7
313 : #540744 : -6
314 : #540742 : -5
315 : #540741 : -4
316 : #540740 : -3
317 : #54073f : -2
318 : #54073d : -1
319 : #54073c : ±0
320 : #54073b : +1
321 : #540739 : +2
322 : #540738 : +3
323 : #540737 : +4
324 : #540736 : +5
325 : #540734 : +6
326 : #540733 : +7
327 : #540732 : +8
328 : #540730 : +9
329 : #54072f : +10
S : 彩度 ( 84% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -84
2 : #2f2d2e : -82
4 : #302c2f : -80
6 : #312b2f : -78
8 : #322a2f : -76
10 : #322930 : -74
12 : #332830 : -72
14 : #342730 : -70
16 : #352731 : -68
18 : #362631 : -66
20 : #372531 : -64
22 : #382432 : -62
24 : #392332 : -60
26 : #3a2232 : -58
28 : #3b2133 : -56
30 : #3c2033 : -54
32 : #3d1f33 : -52
34 : #3e1e34 : -50
36 : #3e1d34 : -48
38 : #3f1c34 : -46
40 : #401c35 : -44
42 : #411b35 : -42
44 : #421a35 : -40
46 : #431936 : -38
48 : #441836 : -36
50 : #451736 : -34
52 : #461637 : -32
54 : #471537 : -30
56 : #481437 : -28
58 : #491338 : -26
60 : #491238 : -24
62 : #4a1138 : -22
64 : #4b1139 : -20
66 : #4c1039 : -18
68 : #4d0f39 : -16
70 : #4e0e3a : -14
72 : #4f0d3a : -12
74 : #500c3a : -10
76 : #510b3b : -8
78 : #520a3b : -6
80 : #53093b : -4
82 : #54083c : -2
84 : #54073c : ±0
86 : #55063c : +2
88 : #56063d : +4
90 : #57053d : +6
92 : #58043d : +8
94 : #59033e : +10
96 : #5a023e : +12
98 : #5b013e : +14
100 : #5c003f : +16
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #090107 : -16
4 : #13020d : -14
6 : #1c0214 : -12
8 : #26031b : -10
10 : #2f0421 : -8
12 : #380528 : -6
14 : #42062f : -4
16 : #4b0735 : -2
18 : #54073c : ±0
20 : #5e0843 : +2
22 : #670949 : +4
24 : #710a50 : +6
26 : #7a0b57 : +8
28 : #830b5d : +10
30 : #8d0c64 : +12
32 : #960d6b : +14
34 : #a00e71 : +16
36 : #a90f78 : +18
38 : #b2107f : +20
40 : #bc1085 : +22
42 : #c5118c : +24
44 : #ce1293 : +26
46 : #d81399 : +28
48 : #e114a0 : +30
50 : #eb14a7 : +32
52 : #eb1eaa : +34
54 : #ec27ae : +36
56 : #ed31b1 : +38
58 : #ee3ab5 : +40
60 : #ef43b8 : +42
62 : #ef4dbc : +44
64 : #f056bf : +46
66 : #f15fc3 : +48
68 : #f269c7 : +50
70 : #f372ca : +52
72 : #f47cce : +54
74 : #f485d1 : +56
76 : #f58ed5 : +58
78 : #f698d8 : +60
80 : #f7a1dc : +62
82 : #f8abdf : +64
84 : #f8b4e3 : +66
86 : #f9bde6 : +68
88 : #fac7ea : +70
90 : #fbd0ed : +72
92 : #fcd9f1 : +74
94 : #fde3f4 : +76
96 : #fdecf8 : +78
98 : #fef6fb : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow