#64114a
RGB ( 赤 = 100, 緑 = 17, 青 = 74 )
HSL ( 色相 = 319°, 彩度 = 71%, 明度 = 23% )
H : 色相 ( 319° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #641e11 : -310
19 : #642b11 : -300
29 : #643911 : -290
39 : #644711 : -280
49 : #645511 : -270
59 : #646311 : -260
69 : #586411 : -250
79 : #4a6411 : -240
89 : #3c6411 : -230
99 : #2e6411 : -220
109 : #206411 : -210
119 : #126411 : -200
129 : #11641e : -190
139 : #11642b : -180
149 : #116439 : -170
159 : #116447 : -160
169 : #116455 : -150
179 : #116463 : -140
189 : #115864 : -130
199 : #114a64 : -120
209 : #113c64 : -110
219 : #112e64 : -100
229 : #112064 : -90
239 : #111264 : -80
249 : #1e1164 : -70
259 : #2b1164 : -60
269 : #391164 : -50
279 : #471164 : -40
289 : #551164 : -30
299 : #631164 : -20
309 : #641158 : -10
319 : #64114a : ±0
329 : #64113c : +10
339 : #64112e : +20
349 : #641120 : +30
359 : #641112 : +40
309 : #641158 : -10
310 : #641156 : -9
311 : #641155 : -8
312 : #641154 : -7
313 : #641152 : -6
314 : #641151 : -5
315 : #64114f : -4
316 : #64114e : -3
317 : #64114d : -2
318 : #64114b : -1
319 : #64114a : ±0
320 : #641149 : +1
321 : #641147 : +2
322 : #641146 : +3
323 : #641144 : +4
324 : #641143 : +5
325 : #641142 : +6
326 : #641140 : +7
327 : #64113f : +8
328 : #64113d : +9
329 : #64113c : +10
S : 彩度 ( 71% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3b3a3b : -70
3 : #3c393b : -68
5 : #3e383c : -66
7 : #3f373c : -64
9 : #40353d : -62
11 : #41343d : -60
13 : #42333d : -58
15 : #43323e : -56
17 : #45313e : -54
19 : #46303f : -52
21 : #472e3f : -50
23 : #482d40 : -48
25 : #492c40 : -46
27 : #4a2b40 : -44
29 : #4c2a41 : -42
31 : #4d2841 : -40
33 : #4e2742 : -38
35 : #4f2642 : -36
37 : #502543 : -34
39 : #522443 : -32
41 : #532343 : -30
43 : #542144 : -28
45 : #552044 : -26
47 : #561f45 : -24
49 : #571e45 : -22
51 : #591d46 : -20
53 : #5a1c46 : -18
55 : #5b1a46 : -16
57 : #5c1947 : -14
59 : #5d1847 : -12
61 : #5e1748 : -10
63 : #601648 : -8
65 : #611549 : -6
67 : #621349 : -4
69 : #631249 : -2
71 : #64114a : ±0
73 : #65104a : +2
75 : #670f4b : +4
77 : #680d4b : +6
79 : #690c4c : +8
81 : #6a0b4c : +10
83 : #6b0a4c : +12
85 : #6d094d : +14
87 : #6e084d : +16
89 : #6f064e : +18
91 : #70054e : +20
93 : #71044f : +22
95 : #72034f : +24
97 : #740250 : +26
99 : #750150 : +28
L : 明度 ( 23% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -22
3 : #0d020a : -20
5 : #160410 : -18
7 : #1f0516 : -16
9 : #27071d : -14
11 : #300823 : -12
13 : #390a2a : -10
15 : #410b30 : -8
17 : #4a0d37 : -6
19 : #530e3d : -4
21 : #5c1043 : -2
23 : #64114a : ±0
25 : #6d1250 : +2
27 : #761457 : +4
29 : #7e155d : +6
31 : #871764 : +8
33 : #90186a : +10
35 : #991a70 : +12
37 : #a11b77 : +14
39 : #aa1d7d : +16
41 : #b31e84 : +18
43 : #bc208a : +20
45 : #c42191 : +22
47 : #cd2397 : +24
49 : #d6249d : +26
51 : #db29a3 : +28
53 : #dc32a6 : +30
55 : #de3baa : +32
57 : #df43ae : +34
59 : #e14cb2 : +36
61 : #e255b5 : +38
63 : #e45eb9 : +40
65 : #e566bd : +42
67 : #e76fc1 : +44
69 : #e878c5 : +46
71 : #ea81c8 : +48
73 : #eb89cc : +50
75 : #ed92d0 : +52
77 : #ee9bd4 : +54
79 : #efa3d7 : +56
81 : #f1acdb : +58
83 : #f2b5df : +60
85 : #f4bee3 : +62
87 : #f5c6e6 : +64
89 : #f7cfea : +66
91 : #f8d8ee : +68
93 : #fae0f2 : +70
95 : #fbe9f6 : +72
97 : #fdf2f9 : +74
99 : #fefbfd : +76
CSS入門、作ってます。
text-shadow