#644459
RGB ( 赤 = 100, 緑 = 68, 青 = 89 )
HSL ( 色相 = 321°, 彩度 = 19%, 明度 = 33% )
H : 色相 ( 321° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #644544 : -320
11 : #644a44 : -310
21 : #644f44 : -300
31 : #645544 : -290
41 : #645a44 : -280
51 : #645f44 : -270
61 : #646444 : -260
71 : #5e6444 : -250
81 : #596444 : -240
91 : #546444 : -230
101 : #4e6444 : -220
111 : #496444 : -210
121 : #446445 : -200
131 : #44644a : -190
141 : #44644f : -180
151 : #446455 : -170
161 : #44645a : -160
171 : #44645f : -150
181 : #446464 : -140
191 : #445e64 : -130
201 : #445964 : -120
211 : #445464 : -110
221 : #444e64 : -100
231 : #444964 : -90
241 : #454464 : -80
251 : #4a4464 : -70
261 : #4f4464 : -60
271 : #554464 : -50
281 : #5a4464 : -40
291 : #5f4464 : -30
301 : #644464 : -20
311 : #64445e : -10
321 : #644459 : ±0
331 : #644454 : +10
341 : #64444e : +20
351 : #644449 : +30
311 : #64445e : -10
312 : #64445e : -9
313 : #64445d : -8
314 : #64445d : -7
315 : #64445c : -6
316 : #64445c : -5
317 : #64445b : -4
318 : #64445b : -3
319 : #64445a : -2
320 : #644459 : -1
321 : #644459 : ±0
322 : #644458 : +1
323 : #644458 : +2
324 : #644457 : +3
325 : #644457 : +4
326 : #644456 : +5
327 : #644456 : +6
328 : #644455 : +7
329 : #644455 : +8
330 : #644454 : +9
331 : #644454 : +10
S : 彩度 ( 19% )
(0%) 渋い ~ 鮮やか (100%)
1 : #555354 : -18
3 : #575255 : -16
5 : #585055 : -14
7 : #5a4e56 : -12
9 : #5c4d56 : -10
11 : #5d4b57 : -8
13 : #5f4957 : -6
15 : #614858 : -4
17 : #624658 : -2
19 : #644459 : ±0
21 : #664259 : +2
23 : #68415a : +4
25 : #693f5a : +6
27 : #6b3d5b : +8
29 : #6d3c5b : +10
31 : #6e3a5c : +12
33 : #70385c : +14
35 : #72375d : +16
37 : #73355d : +18
39 : #75335e : +20
41 : #77325f : +22
43 : #78305f : +24
45 : #7a2e60 : +26
47 : #7c2d60 : +28
49 : #7d2b61 : +30
51 : #7f2961 : +32
53 : #812862 : +34
55 : #822662 : +36
57 : #842463 : +38
59 : #862363 : +40
61 : #872164 : +42
63 : #891f64 : +44
65 : #8b1d65 : +46
67 : #8d1c65 : +48
69 : #8e1a66 : +50
71 : #901866 : +52
73 : #921767 : +54
75 : #931567 : +56
77 : #951368 : +58
79 : #971268 : +60
81 : #981069 : +62
83 : #9a0e69 : +64
85 : #9c0d6a : +66
87 : #9d0b6a : +68
89 : #9f096b : +70
91 : #a1086b : +72
93 : #a2066c : +74
95 : #a4046c : +76
97 : #a6036d : +78
99 : #a7016d : +80
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -32
3 : #090608 : -30
5 : #0f0a0d : -28
7 : #150e13 : -26
9 : #1b1318 : -24
11 : #21171e : -22
13 : #271b23 : -20
15 : #2e1f28 : -18
17 : #34232e : -16
19 : #3a2733 : -14
21 : #402b39 : -12
23 : #46303e : -10
25 : #4c3443 : -8
27 : #523849 : -6
29 : #583c4e : -4
31 : #5e4054 : -2
33 : #644459 : ±0
35 : #6a485e : +2
37 : #704c64 : +4
39 : #765169 : +6
41 : #7c556f : +8
43 : #825974 : +10
45 : #895d79 : +12
47 : #8f617f : +14
49 : #956584 : +16
51 : #9a6a89 : +18
53 : #9e708e : +20
55 : #a27693 : +22
57 : #a67d98 : +24
59 : #aa839c : +26
61 : #ae89a1 : +28
63 : #b38fa6 : +30
65 : #b795ab : +32
67 : #bb9bb0 : +34
69 : #bfa1b4 : +36
71 : #c3a7b9 : +38
73 : #c7adbe : +40
75 : #cbb3c3 : +42
77 : #cfb9c8 : +44
79 : #d4bfcd : +46
81 : #d8c5d1 : +48
83 : #dccbd6 : +50
85 : #e0d1db : +52
87 : #e4d8e0 : +54
89 : #e8dee5 : +56
91 : #ece4e9 : +58
93 : #f1eaee : +60
95 : #f5f0f3 : +62
97 : #f9f6f8 : +64
99 : #fdfcfd : +66
CSS入門、作ってます。
text-shadow