#b8720a
RGB ( 赤 = 184, 緑 = 114, 青 = 10 )
HSL ( 色相 = 36°, 彩度 = 90%, 明度 = 38% )
H : 色相 ( 36° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #b81b0a : -30
16 : #b8380a : -20
26 : #b8550a : -10
36 : #b8720a : ±0
46 : #b88f0a : +10
56 : #b8ac0a : +20
66 : #a7b80a : +30
76 : #8ab80a : +40
86 : #6db80a : +50
96 : #4fb80a : +60
106 : #32b80a : +70
116 : #15b80a : +80
126 : #0ab81b : +90
136 : #0ab838 : +100
146 : #0ab855 : +110
156 : #0ab872 : +120
166 : #0ab88f : +130
176 : #0ab8ac : +140
186 : #0aa7b8 : +150
196 : #0a8ab8 : +160
206 : #0a6db8 : +170
216 : #0a4fb8 : +180
226 : #0a32b8 : +190
236 : #0a15b8 : +200
246 : #1b0ab8 : +210
256 : #380ab8 : +220
266 : #550ab8 : +230
276 : #720ab8 : +240
286 : #8f0ab8 : +250
296 : #ac0ab8 : +260
306 : #b80aa7 : +270
316 : #b80a8a : +280
326 : #b80a6d : +290
336 : #b80a4f : +300
346 : #b80a32 : +310
356 : #b80a15 : +320
26 : #b8550a : -10
27 : #b8580a : -9
28 : #b85b0a : -8
29 : #b85e0a : -7
30 : #b8610a : -6
31 : #b8640a : -5
32 : #b8670a : -4
33 : #b86a0a : -3
34 : #b86d0a : -2
35 : #b86f0a : -1
36 : #b8720a : ±0
37 : #b8750a : +1
38 : #b8780a : +2
39 : #b87b0a : +3
40 : #b87e0a : +4
41 : #b8810a : +5
42 : #b8840a : +6
43 : #b8870a : +7
44 : #b88a0a : +8
45 : #b88d0a : +9
46 : #b88f0a : +10
S : 彩度 ( 90% )
(0%) 渋い ~ 鮮やか (100%)
0 : #606060 : -90
2 : #63615f : -88
4 : #65625d : -86
6 : #67625b : -84
8 : #696259 : -82
10 : #6b6357 : -80
12 : #6d6355 : -78
14 : #6e6453 : -76
16 : #706451 : -74
18 : #72644f : -72
20 : #74654e : -70
22 : #76654c : -68
24 : #78664a : -66
26 : #7a6648 : -64
28 : #7c6646 : -62
30 : #7e6744 : -60
32 : #806742 : -58
34 : #826740 : -56
36 : #84683e : -54
38 : #86683c : -52
40 : #88693a : -50
42 : #8a6938 : -48
44 : #8c6936 : -46
46 : #8d6a34 : -44
48 : #8f6a32 : -42
50 : #916b30 : -40
52 : #936b2f : -38
54 : #956b2d : -36
56 : #976c2b : -34
58 : #996c29 : -32
60 : #9b6d27 : -30
62 : #9d6d25 : -28
64 : #9f6d23 : -26
66 : #a16e21 : -24
68 : #a36e1f : -22
70 : #a56e1d : -20
72 : #a76f1b : -18
74 : #a96f19 : -16
76 : #ab7017 : -14
78 : #ac7015 : -12
80 : #ae7013 : -10
82 : #b07111 : -8
84 : #b27110 : -6
86 : #b4720e : -4
88 : #b6720c : -2
90 : #b8720a : ±0
92 : #ba7308 : +2
94 : #bc7306 : +4
96 : #be7404 : +6
98 : #c07402 : +8
100 : #c27400 : +10
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #0a0601 : -36
4 : #130c01 : -34
6 : #1d1202 : -32
8 : #271802 : -30
10 : #301e03 : -28
12 : #3a2403 : -26
14 : #442a04 : -24
16 : #4e3004 : -22
18 : #573605 : -20
20 : #613c05 : -18
22 : #6b4206 : -16
24 : #744806 : -14
26 : #7e4e07 : -12
28 : #885407 : -10
30 : #915a08 : -8
32 : #9b6008 : -6
34 : #a56609 : -4
36 : #ae6c09 : -2
38 : #b8720a : ±0
40 : #c2780a : +2
42 : #cb7e0b : +4
44 : #d5840b : +6
46 : #df8a0c : +8
48 : #e9900c : +10
50 : #f2960d : +12
52 : #f39b16 : +14
54 : #f39f20 : +16
56 : #f4a32a : +18
58 : #f4a734 : +20
60 : #f5ab3d : +22
62 : #f5b047 : +24
64 : #f6b451 : +26
66 : #f6b85a : +28
68 : #f7bc64 : +30
70 : #f7c06e : +32
72 : #f8c477 : +34
74 : #f8c981 : +36
76 : #f9cd8b : +38
78 : #f9d194 : +40
80 : #fad59e : +42
82 : #fad9a8 : +44
84 : #fbdeb1 : +46
86 : #fbe2bb : +48
88 : #fce6c5 : +50
90 : #fceacf : +52
92 : #fdeed8 : +54
94 : #fdf2e2 : +56
96 : #fef7ec : +58
98 : #fefbf5 : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow