#6f163e
RGB ( 赤 = 111, 緑 = 22, 青 = 62 )
HSL ( 色相 = 333°, 彩度 = 67%, 明度 = 26% )
H : 色相 ( 333° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #6f1a16 : -330
13 : #6f2916 : -320
23 : #6f3816 : -310
33 : #6f4716 : -300
43 : #6f5616 : -290
53 : #6f6416 : -280
63 : #6a6f16 : -270
73 : #5b6f16 : -260
83 : #4d6f16 : -250
93 : #3e6f16 : -240
103 : #2f6f16 : -230
113 : #206f16 : -220
123 : #166f1a : -210
133 : #166f29 : -200
143 : #166f38 : -190
153 : #166f47 : -180
163 : #166f56 : -170
173 : #166f64 : -160
183 : #166a6f : -150
193 : #165b6f : -140
203 : #164d6f : -130
213 : #163e6f : -120
223 : #162f6f : -110
233 : #16206f : -100
243 : #1a166f : -90
253 : #29166f : -80
263 : #38166f : -70
273 : #47166f : -60
283 : #56166f : -50
293 : #64166f : -40
303 : #6f166a : -30
313 : #6f165b : -20
323 : #6f164d : -10
333 : #6f163e : ±0
343 : #6f162f : +10
353 : #6f1620 : +20
323 : #6f164d : -10
324 : #6f164b : -9
325 : #6f164a : -8
326 : #6f1648 : -7
327 : #6f1647 : -6
328 : #6f1645 : -5
329 : #6f1644 : -4
330 : #6f1642 : -3
331 : #6f1641 : -2
332 : #6f163f : -1
333 : #6f163e : ±0
334 : #6f163c : +1
335 : #6f163b : +2
336 : #6f1639 : +3
337 : #6f1638 : +4
338 : #6f1636 : +5
339 : #6f1635 : +6
340 : #6f1633 : +7
341 : #6f1632 : +8
342 : #6f1631 : +9
343 : #6f162f : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #434242 : -66
3 : #444042 : -64
5 : #463f42 : -62
7 : #473e42 : -60
9 : #483c42 : -58
11 : #4a3b42 : -56
13 : #4b3a41 : -54
15 : #4c3841 : -52
17 : #4e3741 : -50
19 : #4f3641 : -48
21 : #503441 : -46
23 : #523341 : -44
25 : #533241 : -42
27 : #543041 : -40
29 : #562f40 : -38
31 : #572e40 : -36
33 : #582c40 : -34
35 : #5a2b40 : -32
37 : #5b2a40 : -30
39 : #5c2840 : -28
41 : #5d2740 : -26
43 : #5f263f : -24
45 : #60243f : -22
47 : #61233f : -20
49 : #63223f : -18
51 : #64203f : -16
53 : #651f3f : -14
55 : #671e3f : -12
57 : #681d3f : -10
59 : #691b3e : -8
61 : #6b1a3e : -6
63 : #6c193e : -4
65 : #6d173e : -2
67 : #6f163e : ±0
69 : #70153e : +2
71 : #71133e : +4
73 : #73123d : +6
75 : #74113d : +8
77 : #750f3d : +10
79 : #770e3d : +12
81 : #780d3d : +14
83 : #790b3d : +16
85 : #7b0a3d : +18
87 : #7c093d : +20
89 : #7d073c : +22
91 : #7f063c : +24
93 : #80053c : +26
95 : #81033c : +28
97 : #83023c : +30
99 : #84013c : +32
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #090205 : -24
4 : #11030a : -22
6 : #1a050e : -20
8 : #220713 : -18
10 : #2b0818 : -16
12 : #330a1d : -14
14 : #3c0c21 : -12
16 : #440d26 : -10
18 : #4d0f2b : -8
20 : #551130 : -6
22 : #5e1334 : -4
24 : #661439 : -2
26 : #6f163e : ±0
28 : #771843 : +2
30 : #801947 : +4
32 : #881b4c : +6
34 : #911d51 : +8
36 : #991e56 : +10
38 : #a2205a : +12
40 : #aa225f : +14
42 : #b32364 : +16
44 : #bb2569 : +18
46 : #c4276d : +20
48 : #cc2872 : +22
50 : #d52a77 : +24
52 : #d7337c : +26
54 : #d83b82 : +28
56 : #da4487 : +30
58 : #dc4c8d : +32
60 : #dd5592 : +34
62 : #df5d98 : +36
64 : #e1669d : +38
66 : #e26ea2 : +40
68 : #e477a8 : +42
70 : #e67fad : +44
72 : #e788b3 : +46
74 : #e990b8 : +48
76 : #eb99be : +50
78 : #eca1c3 : +52
80 : #eeaac9 : +54
82 : #f0b2ce : +56
84 : #f2bbd3 : +58
86 : #f3c3d9 : +60
88 : #f5ccde : +62
90 : #f7d4e4 : +64
92 : #f8dde9 : +66
94 : #fae5ef : +68
96 : #fceef4 : +70
98 : #fdf6fa : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow