#6c1e39
RGB ( 赤 = 108, 緑 = 30, 青 = 57 )
HSL ( 色相 = 339°, 彩度 = 57%, 明度 = 27% )
H : 色相 ( 339° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #6c291e : -330
19 : #6c361e : -320
29 : #6c441e : -310
39 : #6c511e : -300
49 : #6c5e1e : -290
59 : #6c6b1e : -280
69 : #606c1e : -270
79 : #536c1e : -260
89 : #466c1e : -250
99 : #396c1e : -240
109 : #2c6c1e : -230
119 : #1f6c1e : -220
129 : #1e6c29 : -210
139 : #1e6c36 : -200
149 : #1e6c44 : -190
159 : #1e6c51 : -180
169 : #1e6c5e : -170
179 : #1e6c6b : -160
189 : #1e606c : -150
199 : #1e536c : -140
209 : #1e466c : -130
219 : #1e396c : -120
229 : #1e2c6c : -110
239 : #1e1f6c : -100
249 : #291e6c : -90
259 : #361e6c : -80
269 : #441e6c : -70
279 : #511e6c : -60
289 : #5e1e6c : -50
299 : #6b1e6c : -40
309 : #6c1e60 : -30
319 : #6c1e53 : -20
329 : #6c1e46 : -10
339 : #6c1e39 : ±0
349 : #6c1e2c : +10
359 : #6c1e1f : +20
329 : #6c1e46 : -10
330 : #6c1e45 : -9
331 : #6c1e44 : -8
332 : #6c1e42 : -7
333 : #6c1e41 : -6
334 : #6c1e40 : -5
335 : #6c1e3e : -4
336 : #6c1e3d : -3
337 : #6c1e3c : -2
338 : #6c1e3a : -1
339 : #6c1e39 : ±0
340 : #6c1e38 : +1
341 : #6c1e36 : +2
342 : #6c1e35 : +3
343 : #6c1e34 : +4
344 : #6c1e33 : +5
345 : #6c1e31 : +6
346 : #6c1e30 : +7
347 : #6c1e2f : +8
348 : #6c1e2d : +9
349 : #6c1e2c : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #464445 : -56
3 : #474344 : -54
5 : #484144 : -52
7 : #4a4043 : -50
9 : #4b3f43 : -48
11 : #4c3d43 : -46
13 : #4e3c42 : -44
15 : #4f3b42 : -42
17 : #513941 : -40
19 : #523841 : -38
21 : #533641 : -36
23 : #553540 : -34
25 : #563440 : -32
27 : #57323f : -30
29 : #59313f : -28
31 : #5a303e : -26
33 : #5c2e3e : -24
35 : #5d2d3e : -22
37 : #5e2b3d : -20
39 : #602a3d : -18
41 : #61293c : -16
43 : #62273c : -14
45 : #64263c : -12
47 : #65243b : -10
49 : #67233b : -8
51 : #68223a : -6
53 : #69203a : -4
55 : #6b1f39 : -2
57 : #6c1e39 : ±0
59 : #6d1c39 : +2
61 : #6f1b38 : +4
63 : #701938 : +6
65 : #721837 : +8
67 : #731737 : +10
69 : #741537 : +12
71 : #761436 : +14
73 : #771336 : +16
75 : #781135 : +18
77 : #7a1035 : +20
79 : #7b0e35 : +22
81 : #7d0d34 : +24
83 : #7e0c34 : +26
85 : #7f0a33 : +28
87 : #810933 : +30
89 : #820832 : +32
91 : #840632 : +34
93 : #850532 : +36
95 : #860331 : +38
97 : #880231 : +40
99 : #890130 : +42
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #040102 : -26
3 : #0c0306 : -24
5 : #14050b : -22
7 : #1c080f : -20
9 : #240a13 : -18
11 : #2c0c17 : -16
13 : #340e1b : -14
15 : #3c1020 : -12
17 : #441324 : -10
19 : #4c1528 : -8
21 : #54172c : -6
23 : #5c1931 : -4
25 : #641b35 : -2
27 : #6c1e39 : ±0
29 : #74203d : +2
31 : #7c2242 : +4
33 : #842446 : +6
35 : #8c264a : +8
37 : #94294e : +10
39 : #9c2b52 : +12
41 : #a42d57 : +14
43 : #ac2f5b : +16
45 : #b4315f : +18
47 : #bc3463 : +20
49 : #c43668 : +22
51 : #c93b6d : +24
53 : #cb4373 : +26
55 : #ce4b79 : +28
57 : #d0537f : +30
59 : #d25b85 : +32
61 : #d4638b : +34
63 : #d66b91 : +36
65 : #d97396 : +38
67 : #db7b9c : +40
69 : #dd83a2 : +42
71 : #df8ba8 : +44
73 : #e193ae : +46
75 : #e49bb4 : +48
77 : #e6a3ba : +50
79 : #e8abc0 : +52
81 : #eab3c6 : +54
83 : #ecbbcc : +56
85 : #efc3d2 : +58
87 : #f1cbd8 : +60
89 : #f3d3de : +62
91 : #f5dbe4 : +64
93 : #f7e3ea : +66
95 : #faebf0 : +68
97 : #fcf3f6 : +70
99 : #fefbfc : +72
CSS入門、作ってます。
text-shadow