#6a1c36
RGB ( 赤 = 106, 緑 = 28, 青 = 54 )
HSL ( 色相 = 340°, 彩度 = 58%, 明度 = 26% )
H : 色相 ( 340° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #691c1c : -340
10 : #69291c : -330
20 : #69351c : -320
30 : #69421c : -310
40 : #694f1c : -300
50 : #695c1c : -290
60 : #69691c : -280
70 : #5c691c : -270
80 : #4f691c : -260
90 : #42691c : -250
100 : #35691c : -240
110 : #29691c : -230
120 : #1c691c : -220
130 : #1c6929 : -210
140 : #1c6935 : -200
150 : #1c6942 : -190
160 : #1c694f : -180
170 : #1c695c : -170
180 : #1c6969 : -160
190 : #1c5c69 : -150
200 : #1c4f69 : -140
210 : #1c4269 : -130
220 : #1c3569 : -120
230 : #1c2969 : -110
240 : #1c1c69 : -100
250 : #291c69 : -90
260 : #351c69 : -80
270 : #421c69 : -70
280 : #4f1c69 : -60
290 : #5c1c69 : -50
300 : #691c69 : -40
310 : #691c5c : -30
320 : #691c4f : -20
330 : #691c42 : -10
340 : #691c35 : ±0
350 : #691c29 : +10
330 : #691c42 : -10
331 : #691c41 : -9
332 : #691c40 : -8
333 : #691c3e : -7
334 : #691c3d : -6
335 : #691c3c : -5
336 : #691c3b : -4
337 : #691c39 : -3
338 : #691c38 : -2
339 : #691c37 : -1
340 : #691c35 : ±0
341 : #691c34 : +1
342 : #691c33 : +2
343 : #691c32 : +3
344 : #691c30 : +4
345 : #691c2f : +5
346 : #691c2e : +6
347 : #691c2d : +7
348 : #691c2b : +8
349 : #691c2a : +9
350 : #691c29 : +10
S : 彩度 ( 58% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -58
2 : #444142 : -56
4 : #454041 : -54
6 : #463e41 : -52
8 : #483d41 : -50
10 : #493c40 : -48
12 : #4a3a40 : -46
14 : #4c393f : -44
16 : #4d383f : -42
18 : #4e363e : -40
20 : #50353e : -38
22 : #51343d : -36
24 : #52323d : -34
26 : #54313d : -32
28 : #55303c : -30
30 : #562e3c : -28
32 : #582d3b : -26
34 : #592c3b : -24
36 : #5a2a3a : -22
38 : #5b293a : -20
40 : #5d2839 : -18
42 : #5e2639 : -16
44 : #5f2539 : -14
46 : #612438 : -12
48 : #622238 : -10
50 : #632137 : -8
52 : #652037 : -6
54 : #661e36 : -4
56 : #671d36 : -2
58 : #691c35 : ±0
60 : #6a1b35 : +2
62 : #6b1935 : +4
64 : #6d1834 : +6
66 : #6e1734 : +8
68 : #6f1533 : +10
70 : #711433 : +12
72 : #721332 : +14
74 : #731132 : +16
76 : #751032 : +18
78 : #760f31 : +20
80 : #770d31 : +22
82 : #790c30 : +24
84 : #7a0b30 : +26
86 : #7b092f : +28
88 : #7d082f : +30
90 : #7e072e : +32
92 : #7f052e : +34
94 : #81042e : +36
96 : #82032d : +38
98 : #83012d : +40
100 : #85002c : +42
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #080204 : -24
4 : #100408 : -22
6 : #18060c : -20
8 : #200910 : -18
10 : #280b15 : -16
12 : #300d19 : -14
14 : #380f1d : -12
16 : #401121 : -10
18 : #491325 : -8
20 : #511529 : -6
22 : #59182d : -4
24 : #611a31 : -2
26 : #691c35 : ±0
28 : #711e3a : +2
30 : #79203e : +4
32 : #812242 : +6
34 : #892446 : +8
36 : #91274a : +10
38 : #99294e : +12
40 : #a12b52 : +14
42 : #a92d56 : +16
44 : #b12f5b : +18
46 : #b9315f : +20
48 : #c13363 : +22
50 : #c93667 : +24
52 : #cc3e6d : +26
54 : #ce4673 : +28
56 : #d04e79 : +30
58 : #d2567f : +32
60 : #d45e85 : +34
62 : #d6668b : +36
64 : #d86e91 : +38
66 : #db7698 : +40
68 : #dd7e9e : +42
70 : #df86a4 : +44
72 : #e18eaa : +46
74 : #e396b0 : +48
76 : #e59eb6 : +50
78 : #e7a6bc : +52
80 : #eaaec2 : +54
82 : #ecb6c8 : +56
84 : #eebfce : +58
86 : #f0c7d4 : +60
88 : #f2cfda : +62
90 : #f4d7e1 : +64
92 : #f6dfe7 : +66
94 : #f9e7ed : +68
96 : #fbeff3 : +70
98 : #fdf7f9 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow