#837b0b
RGB ( 赤 = 131, 緑 = 123, 青 = 11 )
HSL ( 色相 = 56°, 彩度 = 85%, 明度 = 28% )
H : 色相 ( 56° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #84170b : -50
16 : #842b0b : -40
26 : #843f0b : -30
36 : #84540b : -20
46 : #84680b : -10
56 : #847c0b : ±0
66 : #78840b : +10
76 : #64840b : +20
86 : #4f840b : +30
96 : #3b840b : +40
106 : #27840b : +50
116 : #13840b : +60
126 : #0b8417 : +70
136 : #0b842b : +80
146 : #0b843f : +90
156 : #0b8454 : +100
166 : #0b8468 : +110
176 : #0b847c : +120
186 : #0b7884 : +130
196 : #0b6484 : +140
206 : #0b4f84 : +150
216 : #0b3b84 : +160
226 : #0b2784 : +170
236 : #0b1384 : +180
246 : #170b84 : +190
256 : #2b0b84 : +200
266 : #3f0b84 : +210
276 : #540b84 : +220
286 : #680b84 : +230
296 : #7c0b84 : +240
306 : #840b78 : +250
316 : #840b64 : +260
326 : #840b4f : +270
336 : #840b3b : +280
346 : #840b27 : +290
356 : #840b13 : +300
46 : #84680b : -10
47 : #846a0b : -9
48 : #846c0b : -8
49 : #846e0b : -7
50 : #84700b : -6
51 : #84720b : -5
52 : #84740b : -4
53 : #84760b : -3
54 : #84780b : -2
55 : #847a0b : -1
56 : #847c0b : ±0
57 : #847e0b : +1
58 : #84800b : +2
59 : #84820b : +3
60 : #84840b : +4
61 : #82840b : +5
62 : #80840b : +6
63 : #7e840b : +7
64 : #7c840b : +8
65 : #7a840b : +9
66 : #78840b : +10
S : 彩度 ( 85% )
(0%) 渋い ~ 鮮やか (100%)
1 : #484847 : -84
3 : #4a4945 : -82
5 : #4b4a44 : -80
7 : #4c4c42 : -78
9 : #4e4d41 : -76
11 : #4f4e40 : -74
13 : #514f3e : -72
15 : #52513d : -70
17 : #54523b : -68
19 : #55533a : -66
21 : #565438 : -64
23 : #585637 : -62
25 : #595736 : -60
27 : #5b5834 : -58
29 : #5c5933 : -56
31 : #5e5b31 : -54
33 : #5f5c30 : -52
35 : #605d2e : -50
37 : #625e2d : -48
39 : #63602c : -46
41 : #65612a : -44
43 : #666229 : -42
45 : #686327 : -40
47 : #696426 : -38
49 : #6a6624 : -36
51 : #6c6723 : -34
53 : #6d6822 : -32
55 : #6f6920 : -30
57 : #706b1f : -28
59 : #726c1d : -26
61 : #736d1c : -24
63 : #746e1a : -22
65 : #767019 : -20
67 : #777118 : -18
69 : #797216 : -16
71 : #7a7315 : -14
73 : #7c7513 : -12
75 : #7d7612 : -10
77 : #7e7710 : -8
79 : #80780f : -6
81 : #817a0e : -4
83 : #837b0c : -2
85 : #847c0b : ±0
87 : #867d09 : +2
89 : #877e08 : +4
91 : #888006 : +6
93 : #8a8105 : +8
95 : #8b8204 : +10
97 : #8d8302 : +12
99 : #8e8501 : +14
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #090901 : -26
4 : #131202 : -24
6 : #1c1b02 : -22
8 : #262303 : -20
10 : #2f2c04 : -18
12 : #393505 : -16
14 : #423e05 : -14
16 : #4b4706 : -12
18 : #555007 : -10
20 : #5e5908 : -8
22 : #686108 : -6
24 : #716a09 : -4
26 : #7b730a : -2
28 : #847c0b : ±0
30 : #8e850b : +2
32 : #978e0c : +4
34 : #a0970d : +6
36 : #aa9f0e : +8
38 : #b3a80f : +10
40 : #bdb10f : +12
42 : #c6ba10 : +14
44 : #d0c311 : +16
46 : #d9cc12 : +18
48 : #e2d512 : +20
50 : #ecdd13 : +22
52 : #eddf1d : +24
54 : #ede026 : +26
56 : #eee12f : +28
58 : #efe339 : +30
60 : #f0e442 : +32
62 : #f0e54c : +34
64 : #f1e755 : +36
66 : #f2e85f : +38
68 : #f3ea68 : +40
70 : #f4eb71 : +42
72 : #f4ec7b : +44
74 : #f5ee84 : +46
76 : #f6ef8e : +48
78 : #f7f097 : +50
80 : #f7f2a1 : +52
82 : #f8f3aa : +54
84 : #f9f4b4 : +56
86 : #faf6bd : +58
88 : #faf7c6 : +60
90 : #fbf8d0 : +62
92 : #fcfad9 : +64
94 : #fdfbe3 : +66
96 : #fdfcec : +68
98 : #fefef6 : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow