#330138
RGB ( 赤 = 51, 緑 = 1, 青 = 56 )
HSL ( 色相 = 295°, 彩度 = 96%, 明度 = 11% )
H : 色相 ( 295° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #370601 : -290
15 : #370f01 : -280
25 : #371801 : -270
35 : #372101 : -260
45 : #372a01 : -250
55 : #373201 : -240
65 : #323701 : -230
75 : #2a3701 : -220
85 : #213701 : -210
95 : #183701 : -200
105 : #0f3701 : -190
115 : #063701 : -180
125 : #013706 : -170
135 : #01370f : -160
145 : #013718 : -150
155 : #013721 : -140
165 : #01372a : -130
175 : #013732 : -120
185 : #013237 : -110
195 : #012a37 : -100
205 : #012137 : -90
215 : #011837 : -80
225 : #010f37 : -70
235 : #010637 : -60
245 : #060137 : -50
255 : #0f0137 : -40
265 : #180137 : -30
275 : #210137 : -20
285 : #2a0137 : -10
295 : #320137 : ±0
305 : #370132 : +10
315 : #37012a : +20
325 : #370121 : +30
335 : #370118 : +40
345 : #37010f : +50
355 : #370106 : +60
285 : #2a0137 : -10
286 : #2a0137 : -9
287 : #2b0137 : -8
288 : #2c0137 : -7
289 : #2d0137 : -6
290 : #2e0137 : -5
291 : #2f0137 : -4
292 : #300137 : -3
293 : #310137 : -2
294 : #320137 : -1
295 : #320137 : ±0
296 : #330137 : +1
297 : #340137 : +2
298 : #350137 : +3
299 : #360137 : +4
300 : #370137 : +5
301 : #370136 : +6
302 : #370135 : +7
303 : #370134 : +8
304 : #370133 : +9
305 : #370132 : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #1c1c1c : -96
2 : #1d1b1d : -94
4 : #1d1b1d : -92
6 : #1d1a1e : -90
8 : #1e1a1e : -88
10 : #1e191f : -86
12 : #1f191f : -84
14 : #1f1820 : -82
16 : #201821 : -80
18 : #201721 : -78
20 : #211622 : -76
22 : #211622 : -74
24 : #221523 : -72
26 : #221523 : -70
28 : #231424 : -68
30 : #231424 : -66
32 : #241325 : -64
34 : #241326 : -62
36 : #241226 : -60
38 : #251127 : -58
40 : #251127 : -56
42 : #261028 : -54
44 : #261028 : -52
46 : #270f29 : -50
48 : #270f2a : -48
50 : #280e2a : -46
52 : #280d2b : -44
54 : #290d2b : -42
56 : #290c2c : -40
58 : #2a0c2c : -38
60 : #2a0b2d : -36
62 : #2b0b2d : -34
64 : #2b0a2e : -32
66 : #2b0a2f : -30
68 : #2c092f : -28
70 : #2c0830 : -26
72 : #2d0830 : -24
74 : #2d0731 : -22
76 : #2e0731 : -20
78 : #2e0632 : -18
80 : #2f0632 : -16
82 : #2f0533 : -14
84 : #300434 : -12
86 : #300434 : -10
88 : #310335 : -8
90 : #310335 : -6
92 : #320236 : -4
94 : #320236 : -2
96 : #320137 : ±0
98 : #330138 : +2
100 : #330038 : +4
L : 明度 ( 11% )
(0%) 暗い ~ 明るい (100%)
1 : #050005 : -10
3 : #0e000f : -8
5 : #170119 : -6
7 : #200123 : -4
9 : #29012d : -2
11 : #320137 : ±0
13 : #3c0141 : +2
15 : #45024b : +4
17 : #4e0255 : +6
19 : #57025f : +8
21 : #600269 : +10
23 : #6a0273 : +12
25 : #73037d : +14
27 : #7c0387 : +16
29 : #850391 : +18
31 : #8e039b : +20
33 : #9703a5 : +22
35 : #a104af : +24
37 : #aa04b9 : +26
39 : #b304c3 : +28
41 : #bc04cd : +30
43 : #c504d7 : +32
45 : #cf05e1 : +34
47 : #d805eb : +36
49 : #e105f5 : +38
51 : #e60afa : +40
53 : #e714fa : +42
55 : #e81efa : +44
57 : #e928fb : +46
59 : #ea32fb : +48
61 : #eb3cfb : +50
63 : #ec46fb : +52
65 : #ed50fb : +54
67 : #ee5afc : +56
69 : #ef64fc : +58
71 : #f06efc : +60
73 : #f178fc : +62
75 : #f282fc : +64
77 : #f38cfd : +66
79 : #f496fd : +68
81 : #f5a0fd : +70
83 : #f6aafd : +72
85 : #f7b4fd : +74
87 : #f8befe : +76
89 : #f9c8fe : +78
91 : #fad2fe : +80
93 : #fbdcfe : +82
95 : #fce6fe : +84
97 : #fdf0ff : +86
99 : #fefaff : +88
CSS入門、作ってます。
text-shadow