#8f0a15
RGB ( 赤 = 143, 緑 = 10, 青 = 21 )
HSL ( 色相 = 355°, 彩度 = 87%, 明度 = 30% )
H : 色相 ( 355° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #8f150a : -350
15 : #8f2b0a : -340
25 : #8f410a : -330
35 : #8f580a : -320
45 : #8f6e0a : -310
55 : #8f840a : -300
65 : #848f0a : -290
75 : #6e8f0a : -280
85 : #588f0a : -270
95 : #418f0a : -260
105 : #2b8f0a : -250
115 : #158f0a : -240
125 : #0a8f15 : -230
135 : #0a8f2b : -220
145 : #0a8f41 : -210
155 : #0a8f58 : -200
165 : #0a8f6e : -190
175 : #0a8f84 : -180
185 : #0a848f : -170
195 : #0a6e8f : -160
205 : #0a588f : -150
215 : #0a418f : -140
225 : #0a2b8f : -130
235 : #0a158f : -120
245 : #150a8f : -110
255 : #2b0a8f : -100
265 : #410a8f : -90
275 : #580a8f : -80
285 : #6e0a8f : -70
295 : #840a8f : -60
305 : #8f0a84 : -50
315 : #8f0a6e : -40
325 : #8f0a58 : -30
335 : #8f0a41 : -20
345 : #8f0a2b : -10
355 : #8f0a15 : ±0
345 : #8f0a2b : -10
346 : #8f0a29 : -9
347 : #8f0a27 : -8
348 : #8f0a25 : -7
349 : #8f0a22 : -6
350 : #8f0a20 : -5
351 : #8f0a1e : -4
352 : #8f0a1c : -3
353 : #8f0a19 : -2
354 : #8f0a17 : -1
355 : #8f0a15 : ±0
356 : #8f0a13 : +1
357 : #8f0a11 : +2
358 : #8f0a0e : +3
359 : #8f0a0c : +4
0 : #8f0a0a : -355
1 : #8f0c0a : -354
2 : #8f0e0a : -353
3 : #8f110a : -352
4 : #8f130a : -351
5 : #8f150a : -350
S : 彩度 ( 87% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4d4c4c : -86
3 : #4f4a4b : -84
5 : #504949 : -82
7 : #524748 : -80
9 : #534647 : -78
11 : #554445 : -76
13 : #564344 : -74
15 : #584143 : -72
17 : #5a3f42 : -70
19 : #5b3e40 : -68
21 : #5d3c3f : -66
23 : #5e3b3e : -64
25 : #60393d : -62
27 : #61383b : -60
29 : #63363a : -58
31 : #643539 : -56
33 : #663337 : -54
35 : #673236 : -52
37 : #693035 : -50
39 : #6a2f34 : -48
41 : #6c2d32 : -46
43 : #6d2c31 : -44
45 : #6f2a30 : -42
47 : #70292f : -40
49 : #72272d : -38
51 : #74252c : -36
53 : #75242b : -34
55 : #772229 : -32
57 : #782128 : -30
59 : #7a1f27 : -28
61 : #7b1e26 : -26
63 : #7d1c24 : -24
65 : #7e1b23 : -22
67 : #801922 : -20
69 : #811821 : -18
71 : #83161f : -16
73 : #84151e : -14
75 : #86131d : -12
77 : #87121b : -10
79 : #89101a : -8
81 : #8a0f19 : -6
83 : #8c0d18 : -4
85 : #8e0b16 : -2
87 : #8f0a15 : ±0
89 : #910814 : +2
91 : #920712 : +4
93 : #940511 : +6
95 : #950410 : +8
97 : #97020f : +10
99 : #98010d : +12
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #0a0101 : -28
4 : #130103 : -26
6 : #1d0204 : -24
8 : #260306 : -22
10 : #300307 : -20
12 : #390408 : -18
14 : #43050a : -16
16 : #4c050b : -14
18 : #56060d : -12
20 : #5f070e : -10
22 : #69070f : -8
24 : #720811 : -6
26 : #7c0912 : -4
28 : #860914 : -2
30 : #8f0a15 : ±0
32 : #990b16 : +2
34 : #a20b18 : +4
36 : #ac0c19 : +6
38 : #b50d1b : +8
40 : #bf0d1c : +10
42 : #c80e1d : +12
44 : #d20f1f : +14
46 : #db0f20 : +16
48 : #e51022 : +18
50 : #ee1123 : +20
52 : #ef1a2c : +22
54 : #f02435 : +24
56 : #f02d3d : +26
58 : #f13746 : +28
60 : #f2404f : +30
62 : #f24a58 : +32
64 : #f35361 : +34
66 : #f45d69 : +36
68 : #f46672 : +38
70 : #f5707b : +40
72 : #f67984 : +42
74 : #f6838d : +44
76 : #f78d95 : +46
78 : #f8969e : +48
80 : #f8a0a7 : +50
82 : #f9a9b0 : +52
84 : #fab3b9 : +54
86 : #fabcc1 : +56
88 : #fbc6ca : +58
90 : #fccfd3 : +60
92 : #fcd9dc : +62
94 : #fde2e5 : +64
96 : #feeced : +66
98 : #fef5f6 : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow