#6a155b
RGB ( 赤 = 106, 緑 = 21, 青 = 91 )
HSL ( 色相 = 311°, 彩度 = 67%, 明度 = 25% )
H : 色相 ( 311° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #6a1615 : -310
11 : #6a2515 : -300
21 : #6a3315 : -290
31 : #6a4115 : -280
41 : #6a4f15 : -270
51 : #6a5e15 : -260
61 : #696a15 : -250
71 : #5b6a15 : -240
81 : #4d6a15 : -230
91 : #3e6a15 : -220
101 : #306a15 : -210
111 : #226a15 : -200
121 : #156a16 : -190
131 : #156a25 : -180
141 : #156a33 : -170
151 : #156a41 : -160
161 : #156a4f : -150
171 : #156a5e : -140
181 : #15696a : -130
191 : #155b6a : -120
201 : #154d6a : -110
211 : #153e6a : -100
221 : #15306a : -90
231 : #15226a : -80
241 : #16156a : -70
251 : #25156a : -60
261 : #33156a : -50
271 : #41156a : -40
281 : #4f156a : -30
291 : #5e156a : -20
301 : #6a1569 : -10
311 : #6a155b : ±0
321 : #6a154d : +10
331 : #6a153e : +20
341 : #6a1530 : +30
351 : #6a1522 : +40
301 : #6a1569 : -10
302 : #6a1568 : -9
303 : #6a1566 : -8
304 : #6a1565 : -7
305 : #6a1563 : -6
306 : #6a1562 : -5
307 : #6a1560 : -4
308 : #6a155f : -3
309 : #6a155e : -2
310 : #6a155c : -1
311 : #6a155b : ±0
312 : #6a1559 : +1
313 : #6a1558 : +2
314 : #6a1557 : +3
315 : #6a1555 : +4
316 : #6a1554 : +5
317 : #6a1552 : +6
318 : #6a1551 : +7
319 : #6a154f : +8
320 : #6a154e : +9
321 : #6a154d : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #403f40 : -66
3 : #423e41 : -64
5 : #433d42 : -62
7 : #443b43 : -60
9 : #453a43 : -58
11 : #473944 : -56
13 : #483745 : -54
15 : #493646 : -52
17 : #4b3547 : -50
19 : #4c3447 : -48
21 : #4d3248 : -46
23 : #4e3149 : -44
25 : #50304a : -42
27 : #512f4b : -40
29 : #522d4b : -38
31 : #542c4c : -36
33 : #552b4d : -34
35 : #56294e : -32
37 : #57284f : -30
39 : #59274f : -28
41 : #5a2650 : -26
43 : #5b2451 : -24
45 : #5c2352 : -22
47 : #5e2253 : -20
49 : #5f2154 : -18
51 : #601f54 : -16
53 : #621e55 : -14
55 : #631d56 : -12
57 : #641b57 : -10
59 : #651a58 : -8
61 : #671958 : -6
63 : #681859 : -4
65 : #69165a : -2
67 : #6a155b : ±0
69 : #6c145c : +2
71 : #6d125c : +4
73 : #6e115d : +6
75 : #70105e : +8
77 : #710f5f : +10
79 : #720d60 : +12
81 : #730c60 : +14
83 : #750b61 : +16
85 : #760a62 : +18
87 : #770863 : +20
89 : #780764 : +22
91 : #7a0664 : +24
93 : #7b0465 : +26
95 : #7c0366 : +28
97 : #7e0267 : +30
99 : #7f0168 : +32
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -24
3 : #0d030b : -22
5 : #150412 : -20
7 : #1e0619 : -18
9 : #260821 : -16
11 : #2f0928 : -14
13 : #370b2f : -12
15 : #400d36 : -10
17 : #480e3e : -8
19 : #511045 : -6
21 : #59124c : -4
23 : #621354 : -2
25 : #6a155b : ±0
27 : #731762 : +2
29 : #7b1869 : +4
31 : #841a71 : +6
33 : #8d1c78 : +8
35 : #951d7f : +10
37 : #9e1f86 : +12
39 : #a6218e : +14
41 : #af2395 : +16
43 : #b7249c : +18
45 : #c026a3 : +20
47 : #c828ab : +22
49 : #d129b2 : +24
51 : #d62eb7 : +26
53 : #d737ba : +28
55 : #d93fbd : +30
57 : #db48c0 : +32
59 : #dc50c3 : +34
61 : #de59c6 : +36
63 : #e061c9 : +38
65 : #e26acc : +40
67 : #e372cf : +42
69 : #e57bd1 : +44
71 : #e784d4 : +46
73 : #e88cd7 : +48
75 : #ea95da : +50
77 : #ec9ddd : +52
79 : #eda6e0 : +54
81 : #efaee3 : +56
83 : #f1b7e6 : +58
85 : #f2bfe9 : +60
87 : #f4c8ec : +62
89 : #f6d0ef : +64
91 : #f7d9f2 : +66
93 : #f9e1f5 : +68
95 : #fbeaf8 : +70
97 : #fcf2fb : +72
99 : #fefbfe : +74
CSS入門、作ってます。
text-shadow