#6f173f
RGB ( 赤 = 111, 緑 = 23, 青 = 63 )
HSL ( 色相 = 333°, 彩度 = 66%, 明度 = 26% )
H : 色相 ( 333° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #6e1b17 : -330
13 : #6e2a17 : -320
23 : #6e3817 : -310
33 : #6e4717 : -300
43 : #6e5517 : -290
53 : #6e6417 : -280
63 : #6a6e17 : -270
73 : #5b6e17 : -260
83 : #4d6e17 : -250
93 : #3e6e17 : -240
103 : #2f6e17 : -230
113 : #216e17 : -220
123 : #176e1b : -210
133 : #176e2a : -200
143 : #176e38 : -190
153 : #176e47 : -180
163 : #176e55 : -170
173 : #176e64 : -160
183 : #176a6e : -150
193 : #175b6e : -140
203 : #174d6e : -130
213 : #173e6e : -120
223 : #172f6e : -110
233 : #17216e : -100
243 : #1b176e : -90
253 : #2a176e : -80
263 : #38176e : -70
273 : #47176e : -60
283 : #55176e : -50
293 : #64176e : -40
303 : #6e176a : -30
313 : #6e175b : -20
323 : #6e174d : -10
333 : #6e173e : ±0
343 : #6e172f : +10
353 : #6e1721 : +20
323 : #6e174d : -10
324 : #6e174b : -9
325 : #6e174a : -8
326 : #6e1748 : -7
327 : #6e1747 : -6
328 : #6e1745 : -5
329 : #6e1744 : -4
330 : #6e1742 : -3
331 : #6e1741 : -2
332 : #6e173f : -1
333 : #6e173e : ±0
334 : #6e173c : +1
335 : #6e173b : +2
336 : #6e173a : +3
337 : #6e1738 : +4
338 : #6e1737 : +5
339 : #6e1735 : +6
340 : #6e1734 : +7
341 : #6e1732 : +8
342 : #6e1731 : +9
343 : #6e172f : +10
S : 彩度 ( 66% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -66
2 : #444142 : -64
4 : #454042 : -62
6 : #463e42 : -60
8 : #483d42 : -58
10 : #493c42 : -56
12 : #4a3a42 : -54
14 : #4c3941 : -52
16 : #4d3841 : -50
18 : #4e3641 : -48
20 : #503541 : -46
22 : #513441 : -44
24 : #523241 : -42
26 : #543141 : -40
28 : #553040 : -38
30 : #562e40 : -36
32 : #582d40 : -34
34 : #592c40 : -32
36 : #5a2a40 : -30
38 : #5b2940 : -28
40 : #5d2840 : -26
42 : #5e2640 : -24
44 : #5f253f : -22
46 : #61243f : -20
48 : #62223f : -18
50 : #63213f : -16
52 : #65203f : -14
54 : #661e3f : -12
56 : #671d3f : -10
58 : #691c3e : -8
60 : #6a1b3e : -6
62 : #6b193e : -4
64 : #6d183e : -2
66 : #6e173e : ±0
68 : #6f153e : +2
70 : #71143e : +4
72 : #72133e : +6
74 : #73113d : +8
76 : #75103d : +10
78 : #760f3d : +12
80 : #770d3d : +14
82 : #790c3d : +16
84 : #7a0b3d : +18
86 : #7b093d : +20
88 : #7d083c : +22
90 : #7e073c : +24
92 : #7f053c : +26
94 : #81043c : +28
96 : #82033c : +30
98 : #83013c : +32
100 : #85003c : +34
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #080205 : -24
4 : #11030a : -22
6 : #19050e : -20
8 : #220713 : -18
10 : #2a0918 : -16
12 : #330a1d : -14
14 : #3b0c21 : -12
16 : #440e26 : -10
18 : #4c102b : -8
20 : #551130 : -6
22 : #5d1334 : -4
24 : #661539 : -2
26 : #6e173e : ±0
28 : #771843 : +2
30 : #7f1a47 : +4
32 : #871c4c : +6
34 : #901d51 : +8
36 : #981f56 : +10
38 : #a1215b : +12
40 : #a9235f : +14
42 : #b22464 : +16
44 : #ba2669 : +18
46 : #c3286e : +20
48 : #cb2a72 : +22
50 : #d42b77 : +24
52 : #d5347d : +26
54 : #d73c82 : +28
56 : #d94587 : +30
58 : #db4d8d : +32
60 : #dc5692 : +34
62 : #de5e98 : +36
64 : #e0679d : +38
66 : #e26fa3 : +40
68 : #e378a8 : +42
70 : #e580ad : +44
72 : #e788b3 : +46
74 : #e891b8 : +48
76 : #ea99be : +50
78 : #eca2c3 : +52
80 : #eeaac9 : +54
82 : #efb3ce : +56
84 : #f1bbd4 : +58
86 : #f3c4d9 : +60
88 : #f5ccde : +62
90 : #f6d5e4 : +64
92 : #f8dde9 : +66
94 : #fae6ef : +68
96 : #fceef4 : +70
98 : #fdf7fa : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow