#65246a
RGB ( 赤 = 101, 緑 = 36, 青 = 106 )
HSL ( 色相 = 296°, 彩度 = 49%, 明度 = 28% )
H : 色相 ( 296° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #6a2b24 : -290
16 : #6a3724 : -280
26 : #6a4324 : -270
36 : #6a4e24 : -260
46 : #6a5a24 : -250
56 : #6a6624 : -240
66 : #636a24 : -230
76 : #586a24 : -220
86 : #4c6a24 : -210
96 : #406a24 : -200
106 : #356a24 : -190
116 : #296a24 : -180
126 : #246a2b : -170
136 : #246a37 : -160
146 : #246a43 : -150
156 : #246a4e : -140
166 : #246a5a : -130
176 : #246a66 : -120
186 : #24636a : -110
196 : #24586a : -100
206 : #244c6a : -90
216 : #24406a : -80
226 : #24356a : -70
236 : #24296a : -60
246 : #2b246a : -50
256 : #37246a : -40
266 : #43246a : -30
276 : #4e246a : -20
286 : #5a246a : -10
296 : #66246a : ±0
306 : #6a2463 : +10
316 : #6a2458 : +20
326 : #6a244c : +30
336 : #6a2440 : +40
346 : #6a2435 : +50
356 : #6a2429 : +60
286 : #5a246a : -10
287 : #5b246a : -9
288 : #5c246a : -8
289 : #5e246a : -7
290 : #5f246a : -6
291 : #60246a : -5
292 : #61246a : -4
293 : #62246a : -3
294 : #63246a : -2
295 : #65246a : -1
296 : #66246a : ±0
297 : #67246a : +1
298 : #68246a : +2
299 : #69246a : +3
300 : #6a246a : +4
301 : #6a2469 : +5
302 : #6a2468 : +6
303 : #6a2467 : +7
304 : #6a2466 : +8
305 : #6a2465 : +9
306 : #6a2463 : +10
S : 彩度 ( 49% )
(0%) 渋い ~ 鮮やか (100%)
1 : #484748 : -48
3 : #49454a : -46
5 : #4a444b : -44
7 : #4c424c : -42
9 : #4d414e : -40
11 : #4e404f : -38
13 : #4f3e51 : -36
15 : #513d52 : -34
17 : #523b54 : -32
19 : #533a55 : -30
21 : #543856 : -28
23 : #563758 : -26
25 : #573659 : -24
27 : #58345b : -22
29 : #59335c : -20
31 : #5b315e : -18
33 : #5c305f : -16
35 : #5d2e60 : -14
37 : #5e2d62 : -12
39 : #602c63 : -10
41 : #612a65 : -8
43 : #622966 : -6
45 : #632768 : -4
47 : #642669 : -2
49 : #66246a : ±0
51 : #67236c : +2
53 : #68226d : +4
55 : #69206f : +6
57 : #6b1f70 : +8
59 : #6c1d72 : +10
61 : #6d1c73 : +12
63 : #6e1a74 : +14
65 : #701976 : +16
67 : #711877 : +18
69 : #721679 : +20
71 : #73157a : +22
73 : #75137c : +24
75 : #76127d : +26
77 : #77107e : +28
79 : #780f80 : +30
81 : #7a0e81 : +32
83 : #7b0c83 : +34
85 : #7c0b84 : +36
87 : #7d0986 : +38
89 : #7e0887 : +40
91 : #800688 : +42
93 : #81058a : +44
95 : #82048b : +46
97 : #83028d : +48
99 : #85018e : +50
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #070308 : -26
4 : #0f050f : -24
6 : #160817 : -22
8 : #1d0a1e : -20
10 : #240d26 : -18
12 : #2c102e : -16
14 : #331235 : -14
16 : #3a153d : -12
18 : #411744 : -10
20 : #491a4c : -8
22 : #501d54 : -6
24 : #571f5b : -4
26 : #5e2263 : -2
28 : #66246a : ±0
30 : #6d2772 : +2
32 : #742a7a : +4
34 : #7c2c81 : +6
36 : #832f89 : +8
38 : #8a3190 : +10
40 : #913498 : +12
42 : #9937a0 : +14
44 : #a039a7 : +16
46 : #a73caf : +18
48 : #ae3eb6 : +20
50 : #b641be : +22
52 : #b949c1 : +24
54 : #bc50c3 : +26
56 : #be58c6 : +28
58 : #c15fc8 : +30
60 : #c467cb : +32
62 : #c76fce : +34
64 : #ca76d0 : +36
66 : #cd7ed3 : +38
68 : #d085d5 : +40
70 : #d38dd8 : +42
72 : #d695db : +44
74 : #d99cdd : +46
76 : #dca4e0 : +48
78 : #dfabe2 : +50
80 : #e2b3e5 : +52
82 : #e5bbe8 : +54
84 : #e8c2ea : +56
86 : #eacaed : +58
88 : #edd1ef : +60
90 : #f0d9f2 : +62
92 : #f3e1f5 : +64
94 : #f6e8f7 : +66
96 : #f9f0fa : +68
98 : #fcf7fc : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow