#53183f
RGB ( 赤 = 83, 緑 = 24, 青 = 63 )
HSL ( 色相 = 320°, 彩度 = 55%, 明度 = 21% )
H : 色相 ( 320° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #531818 : -320
10 : #532218 : -310
20 : #532c18 : -300
30 : #533618 : -290
40 : #533f18 : -280
50 : #534918 : -270
60 : #535318 : -260
70 : #495318 : -250
80 : #3f5318 : -240
90 : #365318 : -230
100 : #2c5318 : -220
110 : #225318 : -210
120 : #185318 : -200
130 : #185322 : -190
140 : #18532c : -180
150 : #185336 : -170
160 : #18533f : -160
170 : #185349 : -150
180 : #185353 : -140
190 : #184953 : -130
200 : #183f53 : -120
210 : #183653 : -110
220 : #182c53 : -100
230 : #182253 : -90
240 : #181853 : -80
250 : #221853 : -70
260 : #2c1853 : -60
270 : #361853 : -50
280 : #3f1853 : -40
290 : #491853 : -30
300 : #531853 : -20
310 : #531849 : -10
320 : #53183f : ±0
330 : #531836 : +10
340 : #53182c : +20
350 : #531822 : +30
310 : #531849 : -10
311 : #531848 : -9
312 : #531847 : -8
313 : #531846 : -7
314 : #531845 : -6
315 : #531844 : -5
316 : #531843 : -4
317 : #531842 : -3
318 : #531841 : -2
319 : #531840 : -1
320 : #53183f : ±0
321 : #53183e : +1
322 : #53183d : +2
323 : #53183c : +3
324 : #53183b : +4
325 : #53183a : +5
326 : #531839 : +6
327 : #531838 : +7
328 : #531838 : +8
329 : #531837 : +9
330 : #531836 : +10
S : 彩度 ( 55% )
(0%) 渋い ~ 鮮やか (100%)
1 : #363536 : -54
3 : #373436 : -52
5 : #383336 : -50
7 : #393237 : -48
9 : #3a3137 : -46
11 : #3b3038 : -44
13 : #3d2f38 : -42
15 : #3e2e38 : -40
17 : #3f2c39 : -38
19 : #402b39 : -36
21 : #412a39 : -34
23 : #42293a : -32
25 : #43283a : -30
27 : #44273a : -28
29 : #45263b : -26
31 : #46253b : -24
33 : #47243b : -22
35 : #48233c : -20
37 : #49223c : -18
39 : #4a213d : -16
41 : #4c203d : -14
43 : #4d1f3d : -12
45 : #4e1d3e : -10
47 : #4f1c3e : -8
49 : #501b3e : -6
51 : #511a3f : -4
53 : #52193f : -2
55 : #53183f : ±0
57 : #541740 : +2
59 : #551640 : +4
61 : #561540 : +6
63 : #571441 : +8
65 : #581341 : +10
67 : #591242 : +12
69 : #5a1142 : +14
71 : #5c1042 : +16
73 : #5d0e43 : +18
75 : #5e0d43 : +20
77 : #5f0c43 : +22
79 : #600b44 : +24
81 : #610a44 : +26
83 : #620944 : +28
85 : #630845 : +30
87 : #640745 : +32
89 : #650645 : +34
91 : #660546 : +36
93 : #670446 : +38
95 : #680347 : +40
97 : #690247 : +42
99 : #6b0147 : +44
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -20
3 : #0c0309 : -18
5 : #14060f : -16
7 : #1c0815 : -14
9 : #240a1b : -12
11 : #2b0d21 : -10
13 : #330f27 : -8
15 : #3b112d : -6
17 : #431433 : -4
19 : #4b1639 : -2
21 : #53183f : ±0
23 : #5b1a45 : +2
25 : #631d4b : +4
27 : #6b1f51 : +6
29 : #732158 : +8
31 : #7b245e : +10
33 : #822664 : +12
35 : #8a286a : +14
37 : #922a70 : +16
39 : #9a2d76 : +18
41 : #a22f7c : +20
43 : #aa3182 : +22
45 : #b23488 : +24
47 : #ba368e : +26
49 : #c23894 : +28
51 : #c73d99 : +30
53 : #c9459d : +32
55 : #cb4da1 : +34
57 : #ce55a5 : +36
59 : #d05daa : +38
61 : #d265ae : +40
63 : #d56db2 : +42
65 : #d775b6 : +44
67 : #d97dba : +46
69 : #db84be : +48
71 : #de8cc3 : +50
73 : #e094c7 : +52
75 : #e29ccb : +54
77 : #e5a4cf : +56
79 : #e7acd3 : +58
81 : #e9b4d7 : +60
83 : #ebbcdc : +62
85 : #eec4e0 : +64
87 : #f0cce4 : +66
89 : #f2d4e8 : +68
91 : #f5dbec : +70
93 : #f7e3f0 : +72
95 : #f9ebf5 : +74
97 : #fcf3f9 : +76
99 : #fefbfd : +78
CSS入門、作ってます。
text-shadow