#6f330c
RGB ( 赤 = 111, 緑 = 51, 青 = 12 )
HSL ( 色相 = 24°, 彩度 = 80%, 明度 = 24% )
H : 色相 ( 24° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #6e130c : -20
14 : #6e230c : -10
24 : #6e330c : ±0
34 : #6e440c : +10
44 : #6e540c : +20
54 : #6e640c : +30
64 : #686e0c : +40
74 : #576e0c : +50
84 : #476e0c : +60
94 : #376e0c : +70
104 : #266e0c : +80
114 : #166e0c : +90
124 : #0c6e13 : +100
134 : #0c6e23 : +110
144 : #0c6e33 : +120
154 : #0c6e44 : +130
164 : #0c6e54 : +140
174 : #0c6e64 : +150
184 : #0c686e : +160
194 : #0c576e : +170
204 : #0c476e : +180
214 : #0c376e : +190
224 : #0c266e : +200
234 : #0c166e : +210
244 : #130c6e : +220
254 : #230c6e : +230
264 : #330c6e : +240
274 : #440c6e : +250
284 : #540c6e : +260
294 : #640c6e : +270
304 : #6e0c68 : +280
314 : #6e0c57 : +290
324 : #6e0c47 : +300
334 : #6e0c37 : +310
344 : #6e0c26 : +320
354 : #6e0c16 : +330
14 : #6e230c : -10
15 : #6e250c : -9
16 : #6e260c : -8
17 : #6e280c : -7
18 : #6e2a0c : -6
19 : #6e2b0c : -5
20 : #6e2d0c : -4
21 : #6e2f0c : -3
22 : #6e300c : -2
23 : #6e320c : -1
24 : #6e330c : ±0
25 : #6e350c : +1
26 : #6e370c : +2
27 : #6e380c : +3
28 : #6e3a0c : +4
29 : #6e3c0c : +5
30 : #6e3d0c : +6
31 : #6e3f0c : +7
32 : #6e400c : +8
33 : #6e420c : +9
34 : #6e440c : +10
S : 彩度 ( 80% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -80
2 : #3e3d3c : -78
4 : #403d3b : -76
6 : #413c3a : -74
8 : #423c38 : -72
10 : #433c37 : -70
12 : #453c36 : -68
14 : #463b35 : -66
16 : #473b33 : -64
18 : #483b32 : -62
20 : #493b31 : -60
22 : #4b3b30 : -58
24 : #4c3a2f : -56
26 : #4d3a2d : -54
28 : #4e3a2c : -52
30 : #503a2b : -50
32 : #51392a : -48
34 : #523928 : -46
36 : #533927 : -44
38 : #543926 : -42
40 : #563825 : -40
42 : #573823 : -38
44 : #583822 : -36
46 : #593821 : -34
48 : #5b3720 : -32
50 : #5c371f : -30
52 : #5d371d : -28
54 : #5e371c : -26
56 : #5f361b : -24
58 : #61361a : -22
60 : #623618 : -20
62 : #633617 : -18
64 : #643516 : -16
66 : #663515 : -14
68 : #673514 : -12
70 : #683512 : -10
72 : #693411 : -8
74 : #6a3410 : -6
76 : #6c340f : -4
78 : #6d340d : -2
80 : #6e330c : ±0
82 : #6f330b : +2
84 : #71330a : +4
86 : #723309 : +6
88 : #733207 : +8
90 : #743206 : +10
92 : #763205 : +12
94 : #773204 : +14
96 : #783102 : +16
98 : #793101 : +18
100 : #7a3100 : +20
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #090401 : -22
4 : #120902 : -20
6 : #1c0d03 : -18
8 : #251104 : -16
10 : #2e1505 : -14
12 : #371a06 : -12
14 : #401e07 : -10
16 : #492208 : -8
18 : #532709 : -6
20 : #5c2b0a : -4
22 : #652f0b : -2
24 : #6e330c : ±0
26 : #77380d : +2
28 : #813c0e : +4
30 : #8a400f : +6
32 : #934510 : +8
34 : #9c4911 : +10
36 : #a54d12 : +12
38 : #ae5113 : +14
40 : #b85614 : +16
42 : #c15a15 : +18
44 : #ca5e16 : +20
46 : #d36317 : +22
48 : #dc6718 : +24
50 : #e66b1a : +26
52 : #e77123 : +28
54 : #e8772c : +30
56 : #e97d35 : +32
58 : #ea833e : +34
60 : #eb8947 : +36
62 : #ec8f51 : +38
64 : #ed955a : +40
66 : #ee9a63 : +42
68 : #efa06c : +44
70 : #f0a675 : +46
72 : #f1ac7e : +48
74 : #f2b288 : +50
76 : #f3b891 : +52
78 : #f4be9a : +54
80 : #f5c4a3 : +56
82 : #f6caac : +58
84 : #f7d0b6 : +60
86 : #f8d6bf : +62
88 : #f9dcc8 : +64
90 : #fae1d1 : +66
92 : #fbe7da : +68
94 : #fcede3 : +70
96 : #fdf3ed : +72
98 : #fef9f6 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow