#b06130
RGB ( 赤 = 176, 緑 = 97, 青 = 48 )
HSL ( 色相 = 23°, 彩度 = 57%, 明度 = 44% )
H : 色相 ( 23° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #b03730 : -20
13 : #b04c30 : -10
23 : #b06130 : ±0
33 : #b07730 : +10
43 : #b08c30 : +20
53 : #b0a130 : +30
63 : #aab030 : +40
73 : #94b030 : +50
83 : #7fb030 : +60
93 : #6ab030 : +70
103 : #54b030 : +80
113 : #3fb030 : +90
123 : #30b037 : +100
133 : #30b04c : +110
143 : #30b061 : +120
153 : #30b077 : +130
163 : #30b08c : +140
173 : #30b0a1 : +150
183 : #30aab0 : +160
193 : #3094b0 : +170
203 : #307fb0 : +180
213 : #306ab0 : +190
223 : #3054b0 : +200
233 : #303fb0 : +210
243 : #3730b0 : +220
253 : #4c30b0 : +230
263 : #6130b0 : +240
273 : #7730b0 : +250
283 : #8c30b0 : +260
293 : #a130b0 : +270
303 : #b030aa : +280
313 : #b03094 : +290
323 : #b0307f : +300
333 : #b0306a : +310
343 : #b03054 : +320
353 : #b0303f : +330
13 : #b04c30 : -10
14 : #b04e30 : -9
15 : #b05030 : -8
16 : #b05230 : -7
17 : #b05430 : -6
18 : #b05730 : -5
19 : #b05930 : -4
20 : #b05b30 : -3
21 : #b05d30 : -2
22 : #b05f30 : -1
23 : #b06130 : ±0
24 : #b06330 : +1
25 : #b06630 : +2
26 : #b06830 : +3
27 : #b06a30 : +4
28 : #b06c30 : +5
29 : #b06e30 : +6
30 : #b07030 : +7
31 : #b07230 : +8
32 : #b07430 : +9
33 : #b07730 : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #71706f : -56
3 : #746f6d : -54
5 : #766f6b : -52
7 : #786e68 : -50
9 : #7a6e66 : -48
11 : #7d6d64 : -46
13 : #7f6d62 : -44
15 : #816c5f : -42
17 : #836c5d : -40
19 : #866b5b : -38
21 : #886b59 : -36
23 : #8a6a56 : -34
25 : #8c6a54 : -32
27 : #8e6952 : -30
29 : #916950 : -28
31 : #93684d : -26
33 : #95684b : -24
35 : #976749 : -22
37 : #9a6747 : -20
39 : #9c6644 : -18
41 : #9e6542 : -16
43 : #a06540 : -14
45 : #a3643e : -12
47 : #a5643b : -10
49 : #a76339 : -8
51 : #a96337 : -6
53 : #ac6235 : -4
55 : #ae6232 : -2
57 : #b06130 : ±0
59 : #b2612e : +2
61 : #b5602c : +4
63 : #b7602a : +6
65 : #b95f27 : +8
67 : #bb5f25 : +10
69 : #be5e23 : +12
71 : #c05e21 : +14
73 : #c25d1e : +16
75 : #c45d1c : +18
77 : #c75c1a : +20
79 : #c95c18 : +22
81 : #cb5b15 : +24
83 : #cd5a13 : +26
85 : #d05a11 : +28
87 : #d2590f : +30
89 : #d4590c : +32
91 : #d6580a : +34
93 : #d95808 : +36
95 : #db5706 : +38
97 : #dd5703 : +40
99 : #df5601 : +42
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #080402 : -42
4 : #100904 : -40
6 : #180d07 : -38
8 : #201209 : -36
10 : #28160b : -34
12 : #301b0d : -32
14 : #381f0f : -30
16 : #402312 : -28
18 : #482814 : -26
20 : #502c16 : -24
22 : #583118 : -22
24 : #60351a : -20
26 : #68391d : -18
28 : #703e1f : -16
30 : #784221 : -14
32 : #804723 : -12
34 : #884b25 : -10
36 : #905027 : -8
38 : #98542a : -6
40 : #a0582c : -4
42 : #a85d2e : -2
44 : #b06130 : ±0
46 : #b86632 : +2
48 : #c06a35 : +4
50 : #c86f37 : +6
52 : #ca743f : +8
54 : #cd7a47 : +10
56 : #cf804f : +12
58 : #d18657 : +14
60 : #d38b5f : +16
62 : #d59167 : +18
64 : #d8976f : +20
66 : #da9d77 : +22
68 : #dca37f : +24
70 : #dea887 : +26
72 : #e0ae8f : +28
74 : #e2b497 : +30
76 : #e5ba9f : +32
78 : #e7bfa7 : +34
80 : #e9c5af : +36
82 : #ebcbb7 : +38
84 : #edd1bf : +40
86 : #f0d7c7 : +42
88 : #f2dccf : +44
90 : #f4e2d7 : +46
92 : #f6e8df : +48
94 : #f8eee7 : +50
96 : #fbf3ef : +52
98 : #fdf9f7 : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow