#60244f
RGB ( 赤 = 96, 緑 = 36, 青 = 79 )
HSL ( 色相 = 317°, 彩度 = 45%, 明度 = 26% )
H : 色相 ( 317° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #602b24 : -310
17 : #603524 : -300
27 : #603f24 : -290
37 : #604924 : -280
47 : #605324 : -270
57 : #605d24 : -260
67 : #596024 : -250
77 : #4f6024 : -240
87 : #456024 : -230
97 : #3b6024 : -220
107 : #316024 : -210
117 : #276024 : -200
127 : #24602b : -190
137 : #246035 : -180
147 : #24603f : -170
157 : #246049 : -160
167 : #246053 : -150
177 : #24605d : -140
187 : #245960 : -130
197 : #244f60 : -120
207 : #244560 : -110
217 : #243b60 : -100
227 : #243160 : -90
237 : #242760 : -80
247 : #2b2460 : -70
257 : #352460 : -60
267 : #3f2460 : -50
277 : #492460 : -40
287 : #532460 : -30
297 : #5d2460 : -20
307 : #602459 : -10
317 : #60244f : ±0
327 : #602445 : +10
337 : #60243b : +20
347 : #602431 : +30
357 : #602427 : +40
307 : #602459 : -10
308 : #602458 : -9
309 : #602457 : -8
310 : #602456 : -7
311 : #602455 : -6
312 : #602454 : -5
313 : #602453 : -4
314 : #602452 : -3
315 : #602451 : -2
316 : #602450 : -1
317 : #60244f : ±0
318 : #60244e : +1
319 : #60244d : +2
320 : #60244c : +3
321 : #60244b : +4
322 : #60244a : +5
323 : #602449 : +6
324 : #602448 : +7
325 : #602447 : +8
326 : #602446 : +9
327 : #602445 : +10
S : 彩度 ( 45% )
(0%) 渋い ~ 鮮やか (100%)
1 : #434243 : -44
3 : #444043 : -42
5 : #463f44 : -40
7 : #473e44 : -38
9 : #483c45 : -36
11 : #4a3b45 : -34
13 : #4b3a46 : -32
15 : #4c3847 : -30
17 : #4e3747 : -28
19 : #4f3648 : -26
21 : #503448 : -24
23 : #523349 : -22
25 : #533249 : -20
27 : #54304a : -18
29 : #562f4b : -16
31 : #572e4b : -14
33 : #582c4c : -12
35 : #5a2b4c : -10
37 : #5b2a4d : -8
39 : #5c284e : -6
41 : #5d274e : -4
43 : #5f264f : -2
45 : #60244f : ±0
47 : #612350 : +2
49 : #632250 : +4
51 : #642051 : +6
53 : #651f52 : +8
55 : #671e52 : +10
57 : #681d53 : +12
59 : #691b53 : +14
61 : #6b1a54 : +16
63 : #6c1954 : +18
65 : #6d1755 : +20
67 : #6f1656 : +22
69 : #701556 : +24
71 : #711357 : +26
73 : #731257 : +28
75 : #741158 : +30
77 : #750f58 : +32
79 : #770e59 : +34
81 : #780d5a : +36
83 : #790b5a : +38
85 : #7b0a5b : +40
87 : #7c095b : +42
89 : #7d075c : +44
91 : #7f065c : +46
93 : #80055d : +48
95 : #81035e : +50
97 : #83025e : +52
99 : #84015f : +54
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #070306 : -24
4 : #0f060c : -22
6 : #160812 : -20
8 : #1e0b18 : -18
10 : #250e1e : -16
12 : #2c1125 : -14
14 : #34142b : -12
16 : #3b1631 : -10
18 : #431937 : -8
20 : #4a1c3d : -6
22 : #511f43 : -4
24 : #592249 : -2
26 : #60244f : ±0
28 : #682755 : +2
30 : #6f2a5b : +4
32 : #762d62 : +6
34 : #7e3068 : +8
36 : #85326e : +10
38 : #8d3574 : +12
40 : #94387a : +14
42 : #9b3b80 : +16
44 : #a33e86 : +18
46 : #aa418c : +20
48 : #b14392 : +22
50 : #b94698 : +24
52 : #bc4e9c : +26
54 : #be55a1 : +28
56 : #c15ca5 : +30
58 : #c464a9 : +32
60 : #c76bad : +34
62 : #ca72b1 : +36
64 : #cd7ab5 : +38
66 : #cf81b9 : +40
68 : #d289bd : +42
70 : #d590c1 : +44
72 : #d897c6 : +46
74 : #db9fca : +48
76 : #dda6ce : +50
78 : #e0aed2 : +52
80 : #e3b5d6 : +54
82 : #e6bcda : +56
84 : #e9c4de : +58
86 : #ebcbe2 : +60
88 : #eed3e6 : +62
90 : #f1daea : +64
92 : #f4e1ef : +66
94 : #f7e9f3 : +68
96 : #f9f0f7 : +70
98 : #fcf8fb : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow