#65345c
RGB ( 赤 = 101, 緑 = 52, 青 = 92 )
HSL ( 色相 = 311°, 彩度 = 32%, 明度 = 30% )
H : 色相 ( 311° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #653534 : -310
11 : #653d34 : -300
21 : #654534 : -290
31 : #654d34 : -280
41 : #655534 : -270
51 : #655e34 : -260
61 : #646534 : -250
71 : #5c6534 : -240
81 : #546534 : -230
91 : #4c6534 : -220
101 : #446534 : -210
111 : #3b6534 : -200
121 : #346535 : -190
131 : #34653d : -180
141 : #346545 : -170
151 : #34654d : -160
161 : #346555 : -150
171 : #34655e : -140
181 : #346465 : -130
191 : #345c65 : -120
201 : #345465 : -110
211 : #344c65 : -100
221 : #344465 : -90
231 : #343b65 : -80
241 : #353465 : -70
251 : #3d3465 : -60
261 : #453465 : -50
271 : #4d3465 : -40
281 : #553465 : -30
291 : #5e3465 : -20
301 : #653464 : -10
311 : #65345c : ±0
321 : #653454 : +10
331 : #65344c : +20
341 : #653444 : +30
351 : #65343b : +40
301 : #653464 : -10
302 : #653463 : -9
303 : #653463 : -8
304 : #653462 : -7
305 : #653461 : -6
306 : #653460 : -5
307 : #65345f : -4
308 : #65345e : -3
309 : #65345e : -2
310 : #65345d : -1
311 : #65345c : ±0
312 : #65345b : +1
313 : #65345a : +2
314 : #65345a : +3
315 : #653459 : +4
316 : #653458 : +5
317 : #653457 : +6
318 : #653456 : +7
319 : #653455 : +8
320 : #653455 : +9
321 : #653454 : +10
S : 彩度 ( 32% )
(0%) 渋い ~ 鮮やか (100%)
0 : #4c4c4c : -32
2 : #4e4b4d : -30
4 : #50494e : -28
6 : #51484f : -26
8 : #534650 : -24
10 : #544551 : -22
12 : #564352 : -20
14 : #574253 : -18
16 : #594054 : -16
18 : #5a3f55 : -14
20 : #5c3d56 : -12
22 : #5d3c57 : -10
24 : #5f3a58 : -8
26 : #603959 : -6
28 : #62375a : -4
30 : #63365b : -2
32 : #65345c : ±0
34 : #67325d : +2
36 : #68315e : +4
38 : #6a2f5f : +6
40 : #6b2e60 : +8
42 : #6d2c61 : +10
44 : #6e2b62 : +12
46 : #702963 : +14
48 : #712864 : +16
50 : #732665 : +18
52 : #742566 : +20
54 : #762367 : +22
56 : #772268 : +24
58 : #792069 : +26
60 : #7a1f6a : +28
62 : #7c1d6b : +30
64 : #7d1c6c : +32
66 : #7f1a6c : +34
68 : #81186d : +36
70 : #82176e : +38
72 : #84156f : +40
74 : #851470 : +42
76 : #871271 : +44
78 : #881172 : +46
80 : #8a0f73 : +48
82 : #8b0e74 : +50
84 : #8d0c75 : +52
86 : #8e0b76 : +54
88 : #900977 : +56
90 : #910878 : +58
92 : #930679 : +60
94 : #94057a : +62
96 : #96037b : +64
98 : #97027c : +66
100 : #99007d : +68
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #070306 : -28
4 : #0d070c : -26
6 : #140a12 : -24
8 : #1b0e19 : -22
10 : #22111f : -20
12 : #281525 : -18
14 : #2f182b : -16
16 : #361c31 : -14
18 : #3d1f37 : -12
20 : #43233d : -10
22 : #4a2643 : -8
24 : #512a4a : -6
26 : #582d50 : -4
28 : #5e3156 : -2
30 : #65345c : ±0
32 : #6c3762 : +2
34 : #723b68 : +4
36 : #793e6e : +6
38 : #804275 : +8
40 : #87457b : +10
42 : #8d4981 : +12
44 : #944c87 : +14
46 : #9b508d : +16
48 : #a25393 : +18
50 : #a85799 : +20
52 : #ac5d9d : +22
54 : #af64a1 : +24
56 : #b36ba6 : +26
58 : #b672aa : +28
60 : #ba78ae : +30
62 : #bd7fb2 : +32
64 : #c186b6 : +34
66 : #c48dba : +36
68 : #c893be : +38
70 : #cb9ac2 : +40
72 : #cea1c6 : +42
74 : #d2a7ca : +44
76 : #d5aece : +46
78 : #d9b5d2 : +48
80 : #dcbcd6 : +50
82 : #e0c2da : +52
84 : #e3c9de : +54
86 : #e7d0e3 : +56
88 : #ead7e7 : +58
90 : #eeddeb : +60
92 : #f1e4ef : +62
94 : #f5ebf3 : +64
96 : #f8f2f7 : +66
98 : #fcf8fb : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow