#420466
RGB ( 赤 = 66, 緑 = 4, 青 = 102 )
HSL ( 色相 = 278°, 彩度 = 92%, 明度 = 21% )
H : 色相 ( 278° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #671104 : -270
18 : #672204 : -260
28 : #673204 : -250
38 : #674304 : -240
48 : #675304 : -230
58 : #676404 : -220
68 : #5a6704 : -210
78 : #496704 : -200
88 : #396704 : -190
98 : #286704 : -180
108 : #186704 : -170
118 : #086704 : -160
128 : #046711 : -150
138 : #046722 : -140
148 : #046732 : -130
158 : #046743 : -120
168 : #046753 : -110
178 : #046764 : -100
188 : #045a67 : -90
198 : #044967 : -80
208 : #043967 : -70
218 : #042867 : -60
228 : #041867 : -50
238 : #040867 : -40
248 : #110467 : -30
258 : #220467 : -20
268 : #320467 : -10
278 : #430467 : ±0
288 : #530467 : +10
298 : #640467 : +20
308 : #67045a : +30
318 : #670449 : +40
328 : #670439 : +50
338 : #670428 : +60
348 : #670418 : +70
358 : #670408 : +80
268 : #320467 : -10
269 : #340467 : -9
270 : #360467 : -8
271 : #370467 : -7
272 : #390467 : -6
273 : #3a0467 : -5
274 : #3c0467 : -4
275 : #3e0467 : -3
276 : #3f0467 : -2
277 : #410467 : -1
278 : #430467 : ±0
279 : #440467 : +1
280 : #460467 : +2
281 : #480467 : +3
282 : #490467 : +4
283 : #4b0467 : +5
284 : #4d0467 : +6
285 : #4e0467 : +7
286 : #500467 : +8
287 : #510467 : +9
288 : #530467 : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #353535 : -92
2 : #363437 : -90
4 : #363338 : -88
6 : #363239 : -86
8 : #37313a : -84
10 : #37303b : -82
12 : #372f3c : -80
14 : #382e3d : -78
16 : #382d3e : -76
18 : #382c3f : -74
20 : #382b40 : -72
22 : #392a41 : -70
24 : #392942 : -68
26 : #392843 : -66
28 : #3a2745 : -64
30 : #3a2546 : -62
32 : #3a2447 : -60
34 : #3a2348 : -58
36 : #3b2249 : -56
38 : #3b214a : -54
40 : #3b204b : -52
42 : #3c1f4c : -50
44 : #3c1e4d : -48
46 : #3c1d4e : -46
48 : #3c1c4f : -44
50 : #3d1b50 : -42
52 : #3d1a51 : -40
54 : #3d1952 : -38
56 : #3e1854 : -36
58 : #3e1655 : -34
60 : #3e1556 : -32
62 : #3e1457 : -30
64 : #3f1358 : -28
66 : #3f1259 : -26
68 : #3f115a : -24
70 : #40105b : -22
72 : #400f5c : -20
74 : #400e5d : -18
76 : #400d5e : -16
78 : #410c5f : -14
80 : #410b60 : -12
82 : #410a61 : -10
84 : #420963 : -8
86 : #420764 : -6
88 : #420665 : -4
90 : #420566 : -2
92 : #430467 : ±0
94 : #430368 : +2
96 : #430269 : +4
98 : #44016a : +6
100 : #44006b : +8
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #030005 : -20
3 : #0a010f : -18
5 : #100118 : -16
7 : #160122 : -14
9 : #1d022c : -12
11 : #230236 : -10
13 : #290340 : -8
15 : #300349 : -6
17 : #360353 : -4
19 : #3c045d : -2
21 : #430467 : ±0
23 : #490571 : +2
25 : #4f057a : +4
27 : #560684 : +6
29 : #5c068e : +8
31 : #620698 : +10
33 : #6907a2 : +12
35 : #6f07ab : +14
37 : #7508b5 : +16
39 : #7c08bf : +18
41 : #8208c9 : +20
43 : #8909d3 : +22
45 : #8f09dc : +24
47 : #950ae6 : +26
49 : #9c0af0 : +28
51 : #a10ff5 : +30
53 : #a519f5 : +32
55 : #a823f6 : +34
57 : #ac2cf6 : +36
59 : #b036f7 : +38
61 : #b440f7 : +40
63 : #b84af7 : +42
65 : #bc54f8 : +44
67 : #bf5df8 : +46
69 : #c367f9 : +48
71 : #c771f9 : +50
73 : #cb7bf9 : +52
75 : #cf85fa : +54
77 : #d38efa : +56
79 : #d798fb : +58
81 : #daa2fb : +60
83 : #deacfc : +62
85 : #e2b6fc : +64
87 : #e6bffc : +66
89 : #eac9fd : +68
91 : #eed3fd : +70
93 : #f2ddfe : +72
95 : #f5e7fe : +74
97 : #f9f0fe : +76
99 : #fdfaff : +78
CSS入門、作ってます。
text-shadow