#5e1674
RGB ( 赤 = 94, 緑 = 22, 青 = 116 )
HSL ( 色相 = 286°, 彩度 = 68%, 明度 = 27% )
H : 色相 ( 286° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #741f16 : -280
16 : #742f16 : -270
26 : #743f16 : -260
36 : #744e16 : -250
46 : #745e16 : -240
56 : #746d16 : -230
66 : #6a7416 : -220
76 : #5b7416 : -210
86 : #4b7416 : -200
96 : #3b7416 : -190
106 : #2c7416 : -180
116 : #1c7416 : -170
126 : #16741f : -160
136 : #16742f : -150
146 : #16743f : -140
156 : #16744e : -130
166 : #16745e : -120
176 : #16746d : -110
186 : #166a74 : -100
196 : #165b74 : -90
206 : #164b74 : -80
216 : #163b74 : -70
226 : #162c74 : -60
236 : #161c74 : -50
246 : #1f1674 : -40
256 : #2f1674 : -30
266 : #3f1674 : -20
276 : #4e1674 : -10
286 : #5e1674 : ±0
296 : #6d1674 : +10
306 : #74166a : +20
316 : #74165b : +30
326 : #74164b : +40
336 : #74163b : +50
346 : #74162c : +60
356 : #74161c : +70
276 : #4e1674 : -10
277 : #501674 : -9
278 : #511674 : -8
279 : #531674 : -7
280 : #541674 : -6
281 : #561674 : -5
282 : #581674 : -4
283 : #591674 : -3
284 : #5b1674 : -2
285 : #5c1674 : -1
286 : #5e1674 : ±0
287 : #5f1674 : +1
288 : #611674 : +2
289 : #631674 : +3
290 : #641674 : +4
291 : #661674 : +5
292 : #671674 : +6
293 : #691674 : +7
294 : #6a1674 : +8
295 : #6c1674 : +9
296 : #6d1674 : +10
S : 彩度 ( 68% )
(0%) 渋い ~ 鮮やか (100%)
0 : #444444 : -68
2 : #464346 : -66
4 : #464248 : -64
6 : #474149 : -62
8 : #483f4a : -60
10 : #493e4c : -58
12 : #493d4d : -56
14 : #4a3b4e : -54
16 : #4b3a50 : -52
18 : #4b3851 : -50
20 : #4c3753 : -48
22 : #4d3654 : -46
24 : #4e3455 : -44
26 : #4e3357 : -42
28 : #4f3258 : -40
30 : #50305a : -38
32 : #512f5b : -36
34 : #512d5c : -34
36 : #522c5e : -32
38 : #532b5f : -30
40 : #542960 : -28
42 : #542862 : -26
44 : #552763 : -24
46 : #562565 : -22
48 : #562466 : -20
50 : #572267 : -18
52 : #582169 : -16
54 : #59206a : -14
56 : #591e6b : -12
58 : #5a1d6d : -10
60 : #5b1c6e : -8
62 : #5c1a70 : -6
64 : #5c1971 : -4
66 : #5d1772 : -2
68 : #5e1674 : ±0
70 : #5f1575 : +2
72 : #5f1376 : +4
74 : #601278 : +6
76 : #611179 : +8
78 : #610f7b : +10
80 : #620e7c : +12
82 : #630c7d : +14
84 : #640b7f : +16
86 : #640a80 : +18
88 : #650881 : +20
90 : #660783 : +22
92 : #670684 : +24
94 : #670486 : +26
96 : #680387 : +28
98 : #690188 : +30
100 : #6a008a : +32
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #030104 : -26
3 : #0a020d : -24
5 : #110415 : -22
7 : #18061e : -20
9 : #1f0727 : -18
11 : #26092f : -16
13 : #2d0b38 : -14
15 : #340c40 : -12
17 : #3b0e49 : -10
19 : #421051 : -8
21 : #49115a : -6
23 : #501363 : -4
25 : #57146b : -2
27 : #5e1674 : ±0
29 : #65187c : +2
31 : #6c1985 : +4
33 : #731b8d : +6
35 : #7a1d96 : +8
37 : #811e9f : +10
39 : #8820a7 : +12
41 : #8e21b0 : +14
43 : #9523b8 : +16
45 : #9c25c1 : +18
47 : #a326c9 : +20
49 : #aa28d2 : +22
51 : #af2dd7 : +24
53 : #b336d9 : +26
55 : #b63eda : +28
57 : #b947dc : +30
59 : #bc4fde : +32
61 : #c058df : +34
63 : #c360e1 : +36
65 : #c669e2 : +38
67 : #c972e4 : +40
69 : #cd7ae6 : +42
71 : #d083e7 : +44
73 : #d38be9 : +46
75 : #d694eb : +48
77 : #da9cec : +50
79 : #dda5ee : +52
81 : #e0aeef : +54
83 : #e3b6f1 : +56
85 : #e7bff3 : +58
87 : #eac7f4 : +60
89 : #edd0f6 : +62
91 : #f0d8f8 : +64
93 : #f4e1f9 : +66
95 : #f7eafb : +68
97 : #faf2fd : +70
99 : #fdfbfe : +72
CSS入門、作ってます。
text-shadow