#856d01
RGB ( 赤 = 133, 緑 = 109, 青 = 1 )
HSL ( 色相 = 49°, 彩度 = 99%, 明度 = 26% )
H : 色相 ( 49° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #841401 : -40
19 : #842a01 : -30
29 : #844001 : -20
39 : #845601 : -10
49 : #846c01 : ±0
59 : #848201 : +10
69 : #708401 : +20
79 : #5a8401 : +30
89 : #448401 : +40
99 : #2f8401 : +50
109 : #198401 : +60
119 : #038401 : +70
129 : #018414 : +80
139 : #01842a : +90
149 : #018440 : +100
159 : #018456 : +110
169 : #01846c : +120
179 : #018482 : +130
189 : #017084 : +140
199 : #015a84 : +150
209 : #014484 : +160
219 : #012f84 : +170
229 : #011984 : +180
239 : #010384 : +190
249 : #140184 : +200
259 : #2a0184 : +210
269 : #400184 : +220
279 : #560184 : +230
289 : #6c0184 : +240
299 : #820184 : +250
309 : #840170 : +260
319 : #84015a : +270
329 : #840144 : +280
339 : #84012f : +290
349 : #840119 : +300
359 : #840103 : +310
39 : #845601 : -10
40 : #845801 : -9
41 : #845a01 : -8
42 : #845d01 : -7
43 : #845f01 : -6
44 : #846101 : -5
45 : #846301 : -4
46 : #846501 : -3
47 : #846701 : -2
48 : #846a01 : -1
49 : #846c01 : ±0
50 : #846e01 : +1
51 : #847001 : +2
52 : #847201 : +3
53 : #847501 : +4
54 : #847701 : +5
55 : #847901 : +6
56 : #847b01 : +7
57 : #847d01 : +8
58 : #848001 : +9
59 : #848201 : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #434342 : -98
3 : #444440 : -96
5 : #46443f : -94
7 : #47453e : -92
9 : #48463c : -90
11 : #4a473b : -88
13 : #4b483a : -86
15 : #4c4938 : -84
17 : #4e4937 : -82
19 : #4f4a36 : -80
21 : #504b34 : -78
23 : #524c33 : -76
25 : #534d32 : -74
27 : #544e30 : -72
29 : #564e2f : -70
31 : #574f2e : -68
33 : #58502c : -66
35 : #5a512b : -64
37 : #5b522a : -62
39 : #5c5328 : -60
41 : #5d5427 : -58
43 : #5f5426 : -56
45 : #605524 : -54
47 : #615623 : -52
49 : #635722 : -50
51 : #645820 : -48
53 : #65591f : -46
55 : #67591e : -44
57 : #685a1d : -42
59 : #695b1b : -40
61 : #6b5c1a : -38
63 : #6c5d19 : -36
65 : #6d5e17 : -34
67 : #6f5e16 : -32
69 : #705f15 : -30
71 : #716013 : -28
73 : #736112 : -26
75 : #746211 : -24
77 : #75630f : -22
79 : #77630e : -20
81 : #78640d : -18
83 : #79650b : -16
85 : #7b660a : -14
87 : #7c6709 : -12
89 : #7d6807 : -10
91 : #7f6906 : -8
93 : #806905 : -6
95 : #816a03 : -4
97 : #836b02 : -2
99 : #846c01 : ±0
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #0a0800 : -24
4 : #141100 : -22
6 : #1e1900 : -20
8 : #292100 : -18
10 : #332900 : -16
12 : #3d3200 : -14
14 : #473a00 : -12
16 : #514200 : -10
18 : #5b4b00 : -8
20 : #655301 : -6
22 : #705b01 : -4
24 : #7a6401 : -2
26 : #846c01 : ±0
28 : #8e7401 : +2
30 : #987c01 : +4
32 : #a28501 : +6
34 : #ad8d01 : +8
36 : #b79501 : +10
38 : #c19e01 : +12
40 : #cba601 : +14
42 : #d5ae01 : +16
44 : #dfb701 : +18
46 : #e9bf01 : +20
48 : #f4c701 : +22
50 : #fecf01 : +24
52 : #fed10b : +26
54 : #fed316 : +28
56 : #fed520 : +30
58 : #fed72a : +32
60 : #fed934 : +34
62 : #fedb3e : +36
64 : #fedd48 : +38
66 : #fedf52 : +40
68 : #fee15d : +42
70 : #fee267 : +44
72 : #fee471 : +46
74 : #fee67b : +48
76 : #fee885 : +50
78 : #feea8f : +52
80 : #feec9a : +54
82 : #ffeea4 : +56
84 : #fff0ae : +58
86 : #fff2b8 : +60
88 : #fff4c2 : +62
90 : #fff5cc : +64
92 : #fff7d6 : +66
94 : #fff9e1 : +68
96 : #fffbeb : +70
98 : #fffdf5 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow