#470c0b
RGB ( 赤 = 71, 緑 = 12, 青 = 11 )
HSL ( 色相 = 1°, 彩度 = 73%, 明度 = 16% )
H : 色相 ( 1° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #470c0b : ±0
11 : #47160b : +10
21 : #47200b : +20
31 : #472a0b : +30
41 : #47340b : +40
51 : #473e0b : +50
61 : #46470b : +60
71 : #3c470b : +70
81 : #32470b : +80
91 : #28470b : +90
101 : #1e470b : +100
111 : #14470b : +110
121 : #0b470c : +120
131 : #0b4716 : +130
141 : #0b4720 : +140
151 : #0b472a : +150
161 : #0b4734 : +160
171 : #0b473e : +170
181 : #0b4647 : +180
191 : #0b3c47 : +190
201 : #0b3247 : +200
211 : #0b2847 : +210
221 : #0b1e47 : +220
231 : #0b1447 : +230
241 : #0c0b47 : +240
251 : #160b47 : +250
261 : #200b47 : +260
271 : #2a0b47 : +270
281 : #340b47 : +280
291 : #3e0b47 : +290
301 : #470b46 : +300
311 : #470b3c : +310
321 : #470b32 : +320
331 : #470b28 : +330
341 : #470b1e : +340
351 : #470b14 : +350
351 : #470b14 : +350
352 : #470b13 : +351
353 : #470b12 : +352
354 : #470b11 : +353
355 : #470b10 : +354
356 : #470b0f : +355
357 : #470b0e : +356
358 : #470b0d : +357
359 : #470b0c : +358
0 : #470b0b : -1
1 : #470c0b : ±0
2 : #470d0b : +1
3 : #470e0b : +2
4 : #470f0b : +3
5 : #47100b : +4
6 : #47110b : +5
7 : #47120b : +6
8 : #47130b : +7
9 : #47140b : +8
10 : #47150b : +9
11 : #47160b : +10
S : 彩度 ( 73% )
(0%) 渋い ~ 鮮やか (100%)
1 : #292828 : -72
3 : #2a2828 : -70
5 : #2b2727 : -68
7 : #2c2626 : -66
9 : #2c2525 : -64
11 : #2d2424 : -62
13 : #2e2423 : -60
15 : #2f2323 : -58
17 : #302222 : -56
19 : #312121 : -54
21 : #312120 : -52
23 : #32201f : -50
25 : #331f1f : -48
27 : #341e1e : -46
29 : #351d1d : -44
31 : #351d1c : -42
33 : #361c1b : -40
35 : #371b1b : -38
37 : #381a1a : -36
39 : #391919 : -34
41 : #3a1918 : -32
43 : #3a1817 : -30
45 : #3b1716 : -28
47 : #3c1616 : -26
49 : #3d1515 : -24
51 : #3e1514 : -22
53 : #3e1413 : -20
55 : #3f1312 : -18
57 : #401212 : -16
59 : #411211 : -14
61 : #421110 : -12
63 : #43100f : -10
65 : #430f0e : -8
67 : #440e0d : -6
69 : #450e0d : -4
71 : #460d0c : -2
73 : #470c0b : ±0
75 : #470b0a : +2
77 : #480a09 : +4
79 : #490a09 : +6
81 : #4a0908 : +8
83 : #4b0807 : +10
85 : #4b0706 : +12
87 : #4c0605 : +14
89 : #4d0604 : +16
91 : #4e0504 : +18
93 : #4f0403 : +20
95 : #500302 : +22
97 : #500301 : +24
99 : #510200 : +26
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #090201 : -14
4 : #120303 : -12
6 : #1a0504 : -10
8 : #230606 : -8
10 : #2c0807 : -6
12 : #350908 : -4
14 : #3e0b0a : -2
16 : #470c0b : ±0
18 : #4f0e0c : +2
20 : #580f0e : +4
22 : #61110f : +6
24 : #6a1211 : +8
26 : #731412 : +10
28 : #7c1513 : +12
30 : #841715 : +14
32 : #8d1816 : +16
34 : #961a17 : +18
36 : #9f1b19 : +20
38 : #a81d1a : +22
40 : #b01e1c : +24
42 : #b9201d : +26
44 : #c2211e : +28
46 : #cb2320 : +30
48 : #d42421 : +32
50 : #dd2622 : +34
52 : #de2e2b : +36
54 : #df3734 : +38
56 : #e1403d : +40
58 : #e24846 : +42
60 : #e3514f : +44
62 : #e55a57 : +46
64 : #e66260 : +48
66 : #e86b69 : +50
68 : #e97472 : +52
70 : #ea7d7b : +54
72 : #ec8583 : +56
74 : #ed8e8c : +58
76 : #ee9795 : +60
78 : #f09f9e : +62
80 : #f1a8a7 : +64
82 : #f3b1b0 : +66
84 : #f4b9b8 : +68
86 : #f5c2c1 : +70
88 : #f7cbca : +72
90 : #f8d4d3 : +74
92 : #f9dcdc : +76
94 : #fbe5e5 : +78
96 : #fceeed : +80
98 : #fef6f6 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow