#330386
RGB ( 赤 = 51, 緑 = 3, 青 = 134 )
HSL ( 色相 = 262°, 彩度 = 96%, 明度 = 27% )
H : 色相 ( 262° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #870703 : -260
12 : #871d03 : -250
22 : #873303 : -240
32 : #874903 : -230
42 : #875f03 : -220
52 : #877503 : -210
62 : #838703 : -200
72 : #6d8703 : -190
82 : #568703 : -180
92 : #408703 : -170
102 : #2a8703 : -160
112 : #148703 : -150
122 : #038707 : -140
132 : #03871d : -130
142 : #038733 : -120
152 : #038749 : -110
162 : #03875f : -100
172 : #038775 : -90
182 : #038387 : -80
192 : #036d87 : -70
202 : #035687 : -60
212 : #034087 : -50
222 : #032a87 : -40
232 : #031487 : -30
242 : #070387 : -20
252 : #1d0387 : -10
262 : #330387 : ±0
272 : #490387 : +10
282 : #5f0387 : +20
292 : #750387 : +30
302 : #870383 : +40
312 : #87036d : +50
322 : #870356 : +60
332 : #870340 : +70
342 : #87032a : +80
352 : #870314 : +90
252 : #1d0387 : -10
253 : #1f0387 : -9
254 : #220387 : -8
255 : #240387 : -7
256 : #260387 : -6
257 : #280387 : -5
258 : #2a0387 : -4
259 : #2d0387 : -3
260 : #2f0387 : -2
261 : #310387 : -1
262 : #330387 : ±0
263 : #350387 : +1
264 : #380387 : +2
265 : #3a0387 : +3
266 : #3c0387 : +4
267 : #3e0387 : +5
268 : #400387 : +6
269 : #430387 : +7
270 : #450387 : +8
271 : #470387 : +9
272 : #490387 : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #444444 : -96
2 : #444346 : -94
4 : #444248 : -92
6 : #444149 : -90
8 : #433f4a : -88
10 : #433e4c : -86
12 : #433d4d : -84
14 : #423b4e : -82
16 : #423a50 : -80
18 : #423851 : -78
20 : #413753 : -76
22 : #413654 : -74
24 : #403455 : -72
26 : #403357 : -70
28 : #403258 : -68
30 : #3f305a : -66
32 : #3f2f5b : -64
34 : #3f2d5c : -62
36 : #3e2c5e : -60
38 : #3e2b5f : -58
40 : #3e2960 : -56
42 : #3d2862 : -54
44 : #3d2763 : -52
46 : #3c2565 : -50
48 : #3c2466 : -48
50 : #3c2267 : -46
52 : #3b2169 : -44
54 : #3b206a : -42
56 : #3b1e6b : -40
58 : #3a1d6d : -38
60 : #3a1c6e : -36
62 : #391a70 : -34
64 : #391971 : -32
66 : #391772 : -30
68 : #381674 : -28
70 : #381575 : -26
72 : #381376 : -24
74 : #371278 : -22
76 : #371179 : -20
78 : #370f7b : -18
80 : #360e7c : -16
82 : #360c7d : -14
84 : #350b7f : -12
86 : #350a80 : -10
88 : #350881 : -8
90 : #340783 : -6
92 : #340684 : -4
94 : #340486 : -2
96 : #330387 : ±0
98 : #330188 : +2
100 : #32008a : +4
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #020005 : -26
3 : #06000f : -24
5 : #090119 : -22
7 : #0d0123 : -20
9 : #11012d : -18
11 : #150137 : -16
13 : #190141 : -14
15 : #1c024b : -12
17 : #200255 : -10
19 : #24025f : -8
21 : #280269 : -6
23 : #2c0273 : -4
25 : #2f037d : -2
27 : #330387 : ±0
29 : #370391 : +2
31 : #3b039b : +4
33 : #3f03a5 : +6
35 : #4204af : +8
37 : #4604b9 : +10
39 : #4a04c3 : +12
41 : #4e04cd : +14
43 : #5204d7 : +16
45 : #5505e1 : +18
47 : #5905eb : +20
49 : #5d05f5 : +22
51 : #620afa : +24
53 : #6814fa : +26
55 : #6f1efa : +28
57 : #7528fb : +30
59 : #7c32fb : +32
61 : #823cfb : +34
63 : #8846fb : +36
65 : #8f50fb : +38
67 : #955afc : +40
69 : #9c64fc : +42
71 : #a26efc : +44
73 : #a978fc : +46
75 : #af82fc : +48
77 : #b58cfd : +50
79 : #bc96fd : +52
81 : #c2a0fd : +54
83 : #c9aafd : +56
85 : #cfb4fd : +58
87 : #d5befe : +60
89 : #dcc8fe : +62
91 : #e2d2fe : +64
93 : #e9dcfe : +66
95 : #efe6fe : +68
97 : #f5f0ff : +70
99 : #fcfaff : +72
CSS入門、作ってます。
text-shadow