#97662b
RGB ( 赤 = 151, 緑 = 102, 青 = 43 )
HSL ( 色相 = 33°, 彩度 = 56%, 明度 = 38% )
H : 色相 ( 33° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #97302b : -30
13 : #97422b : -20
23 : #97542b : -10
33 : #97662b : ±0
43 : #97782b : +10
53 : #978b2b : +20
63 : #92972b : +30
73 : #80972b : +40
83 : #6e972b : +50
93 : #5b972b : +60
103 : #49972b : +70
113 : #37972b : +80
123 : #2b9730 : +90
133 : #2b9742 : +100
143 : #2b9754 : +110
153 : #2b9766 : +120
163 : #2b9778 : +130
173 : #2b978b : +140
183 : #2b9297 : +150
193 : #2b8097 : +160
203 : #2b6e97 : +170
213 : #2b5b97 : +180
223 : #2b4997 : +190
233 : #2b3797 : +200
243 : #302b97 : +210
253 : #422b97 : +220
263 : #542b97 : +230
273 : #662b97 : +240
283 : #782b97 : +250
293 : #8b2b97 : +260
303 : #972b92 : +270
313 : #972b80 : +280
323 : #972b6e : +290
333 : #972b5b : +300
343 : #972b49 : +310
353 : #972b37 : +320
23 : #97542b : -10
24 : #97562b : -9
25 : #97582b : -8
26 : #975a2b : -7
27 : #975b2b : -6
28 : #975d2b : -5
29 : #975f2b : -4
30 : #97612b : -3
31 : #97632b : -2
32 : #97652b : -1
33 : #97662b : ±0
34 : #97682b : +1
35 : #976a2b : +2
36 : #976c2b : +3
37 : #976e2b : +4
38 : #976f2b : +5
39 : #97712b : +6
40 : #97732b : +7
41 : #97752b : +8
42 : #97772b : +9
43 : #97782b : +10
S : 彩度 ( 56% )
(0%) 渋い ~ 鮮やか (100%)
0 : #606060 : -56
2 : #63615f : -54
4 : #65615d : -52
6 : #67615b : -50
8 : #696259 : -48
10 : #6b6257 : -46
12 : #6d6255 : -44
14 : #6e6253 : -42
16 : #706251 : -40
18 : #72634f : -38
20 : #74634e : -36
22 : #76634c : -34
24 : #78634a : -32
26 : #7a6348 : -30
28 : #7c6446 : -28
30 : #7e6444 : -26
32 : #806442 : -24
34 : #826440 : -22
36 : #84643e : -20
38 : #86653c : -18
40 : #88653a : -16
42 : #8a6538 : -14
44 : #8c6536 : -12
46 : #8d6534 : -10
48 : #8f6632 : -8
50 : #916630 : -6
52 : #93662f : -4
54 : #95662d : -2
56 : #97662b : ±0
58 : #996729 : +2
60 : #9b6727 : +4
62 : #9d6725 : +6
64 : #9f6723 : +8
66 : #a16721 : +10
68 : #a3671f : +12
70 : #a5681d : +14
72 : #a7681b : +16
74 : #a96819 : +18
76 : #ab6817 : +20
78 : #ac6815 : +22
80 : #ae6913 : +24
82 : #b06911 : +26
84 : #b26910 : +28
86 : #b4690e : +30
88 : #b6690c : +32
90 : #b86a0a : +34
92 : #ba6a08 : +36
94 : #bc6a06 : +38
96 : #be6a04 : +40
98 : #c06a02 : +42
100 : #c26b00 : +44
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #080502 : -36
4 : #100b04 : -34
6 : #181007 : -32
8 : #201609 : -30
10 : #281b0b : -28
12 : #30200d : -26
14 : #382610 : -24
16 : #402b12 : -22
18 : #483014 : -20
20 : #503616 : -18
22 : #583b19 : -16
24 : #5f411b : -14
26 : #67461d : -12
28 : #6f4b1f : -10
30 : #775122 : -8
32 : #7f5624 : -6
34 : #875c26 : -4
36 : #8f6128 : -2
38 : #97662b : ±0
40 : #9f6c2d : +2
42 : #a7712f : +4
44 : #af7631 : +6
46 : #b77c34 : +8
48 : #bf8136 : +10
50 : #c78738 : +12
52 : #c98b40 : +14
54 : #cb9048 : +16
56 : #ce9550 : +18
58 : #d09a58 : +20
60 : #d29f60 : +22
62 : #d4a468 : +24
64 : #d7a870 : +26
66 : #d9ad78 : +28
68 : #dbb280 : +30
70 : #ddb788 : +32
72 : #e0bc90 : +34
74 : #e2c098 : +36
76 : #e4c5a0 : +38
78 : #e6caa7 : +40
80 : #e9cfaf : +42
82 : #ebd4b7 : +44
84 : #edd8bf : +46
86 : #efddc7 : +48
88 : #f2e2cf : +50
90 : #f4e7d7 : +52
92 : #f6ecdf : +54
94 : #f8f1e7 : +56
96 : #fbf5ef : +58
98 : #fdfaf7 : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow