#330962
RGB ( 赤 = 51, 緑 = 9, 青 = 98 )
HSL ( 色相 = 268°, 彩度 = 83%, 明度 = 21% )
H : 色相 ( 268° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #621509 : -260
18 : #622409 : -250
28 : #623309 : -240
38 : #624109 : -230
48 : #625009 : -220
58 : #625f09 : -210
68 : #566209 : -200
78 : #476209 : -190
88 : #396209 : -180
98 : #2a6209 : -170
108 : #1b6209 : -160
118 : #0c6209 : -150
128 : #096215 : -140
138 : #096224 : -130
148 : #096233 : -120
158 : #096241 : -110
168 : #096250 : -100
178 : #09625f : -90
188 : #095662 : -80
198 : #094762 : -70
208 : #093962 : -60
218 : #092a62 : -50
228 : #091b62 : -40
238 : #090c62 : -30
248 : #150962 : -20
258 : #240962 : -10
268 : #330962 : ±0
278 : #410962 : +10
288 : #500962 : +20
298 : #5f0962 : +30
308 : #620956 : +40
318 : #620947 : +50
328 : #620939 : +60
338 : #62092a : +70
348 : #62091b : +80
358 : #62090c : +90
258 : #240962 : -10
259 : #250962 : -9
260 : #270962 : -8
261 : #280962 : -7
262 : #2a0962 : -6
263 : #2b0962 : -5
264 : #2d0962 : -4
265 : #2e0962 : -3
266 : #300962 : -2
267 : #310962 : -1
268 : #330962 : ±0
269 : #340962 : +1
270 : #360962 : +2
271 : #370962 : +3
272 : #390962 : +4
273 : #3a0962 : +5
274 : #3b0962 : +6
275 : #3d0962 : +7
276 : #3e0962 : +8
277 : #400962 : +9
278 : #410962 : +10
S : 彩度 ( 83% )
(0%) 渋い ~ 鮮やか (100%)
1 : #363536 : -82
3 : #353437 : -80
5 : #353338 : -78
7 : #353239 : -76
9 : #35313a : -74
11 : #35303b : -72
13 : #352f3d : -70
15 : #352e3e : -68
17 : #352c3f : -66
19 : #352b40 : -64
21 : #352a41 : -62
23 : #352942 : -60
25 : #352843 : -58
27 : #352744 : -56
29 : #352645 : -54
31 : #342546 : -52
33 : #342447 : -50
35 : #342348 : -48
37 : #342249 : -46
39 : #34214a : -44
41 : #34204c : -42
43 : #341f4d : -40
45 : #341d4e : -38
47 : #341c4f : -36
49 : #341b50 : -34
51 : #341a51 : -32
53 : #341952 : -30
55 : #341853 : -28
57 : #341754 : -26
59 : #331655 : -24
61 : #331556 : -22
63 : #331457 : -20
65 : #331358 : -18
67 : #331259 : -16
69 : #33115a : -14
71 : #33105c : -12
73 : #330e5d : -10
75 : #330d5e : -8
77 : #330c5f : -6
79 : #330b60 : -4
81 : #330a61 : -2
83 : #330962 : ±0
85 : #330863 : +2
87 : #320764 : +4
89 : #320665 : +6
91 : #320566 : +8
93 : #320467 : +10
95 : #320368 : +12
97 : #320269 : +14
99 : #32016b : +16
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #020005 : -20
3 : #07010e : -18
5 : #0c0217 : -16
7 : #110321 : -14
9 : #16042a : -12
11 : #1a0533 : -10
13 : #1f063d : -8
15 : #240746 : -6
17 : #29074f : -4
19 : #2e0859 : -2
21 : #330962 : ±0
23 : #370a6b : +2
25 : #3c0b75 : +4
27 : #410c7e : +6
29 : #460d87 : +8
31 : #4b0d91 : +10
33 : #4f0e9a : +12
35 : #540fa3 : +14
37 : #5910ad : +16
39 : #5e11b6 : +18
41 : #6312bf : +20
43 : #6813c9 : +22
45 : #6c14d2 : +24
47 : #7114db : +26
49 : #7615e5 : +28
51 : #7b1aea : +30
53 : #8124eb : +32
55 : #862deb : +34
57 : #8b36ec : +36
59 : #9140ed : +38
61 : #9649ee : +40
63 : #9b52ef : +42
65 : #a15cf0 : +44
67 : #a665f1 : +46
69 : #ac6ef2 : +48
71 : #b178f2 : +50
73 : #b681f3 : +52
75 : #bc8af4 : +54
77 : #c194f5 : +56
79 : #c69df6 : +58
81 : #cca6f7 : +60
83 : #d1b0f8 : +62
85 : #d7b9f8 : +64
87 : #dcc2f9 : +66
89 : #e1ccfa : +68
91 : #e7d5fb : +70
93 : #ecdefc : +72
95 : #f2e8fd : +74
97 : #f7f1fe : +76
99 : #fcfaff : +78
CSS入門、作ってます。
text-shadow