#330d36
RGB ( 赤 = 51, 緑 = 13, 青 = 54 )
HSL ( 色相 = 296°, 彩度 = 61%, 明度 = 13% )
H : 色相 ( 296° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #35110d : -290
16 : #35180d : -280
26 : #351e0d : -270
36 : #35250d : -260
46 : #352c0d : -250
56 : #35330d : -240
66 : #31350d : -230
76 : #2b350d : -220
86 : #24350d : -210
96 : #1d350d : -200
106 : #16350d : -190
116 : #10350d : -180
126 : #0d3511 : -170
136 : #0d3518 : -160
146 : #0d351e : -150
156 : #0d3525 : -140
166 : #0d352c : -130
176 : #0d3533 : -120
186 : #0d3135 : -110
196 : #0d2b35 : -100
206 : #0d2435 : -90
216 : #0d1d35 : -80
226 : #0d1635 : -70
236 : #0d1035 : -60
246 : #110d35 : -50
256 : #180d35 : -40
266 : #1e0d35 : -30
276 : #250d35 : -20
286 : #2c0d35 : -10
296 : #330d35 : ±0
306 : #350d31 : +10
316 : #350d2b : +20
326 : #350d24 : +30
336 : #350d1d : +40
346 : #350d16 : +50
356 : #350d10 : +60
286 : #2c0d35 : -10
287 : #2d0d35 : -9
288 : #2d0d35 : -8
289 : #2e0d35 : -7
290 : #2f0d35 : -6
291 : #2f0d35 : -5
292 : #300d35 : -4
293 : #310d35 : -3
294 : #310d35 : -2
295 : #320d35 : -1
296 : #330d35 : ±0
297 : #330d35 : +1
298 : #340d35 : +2
299 : #350d35 : +3
300 : #350d35 : +4
301 : #350d35 : +5
302 : #350d34 : +6
303 : #350d33 : +7
304 : #350d33 : +8
305 : #350d32 : +9
306 : #350d31 : +10
S : 彩度 ( 61% )
(0%) 渋い ~ 鮮やか (100%)
1 : #212121 : -60
3 : #222022 : -58
5 : #231f23 : -56
7 : #231f23 : -54
9 : #241e24 : -52
11 : #241e25 : -50
13 : #251d25 : -48
15 : #251c26 : -46
17 : #261c27 : -44
19 : #271b27 : -42
21 : #271a28 : -40
23 : #281a29 : -38
25 : #281929 : -36
27 : #29182a : -34
29 : #29182b : -32
31 : #2a172b : -30
33 : #2b162c : -28
35 : #2b162d : -26
37 : #2c152d : -24
39 : #2c142e : -22
41 : #2d142f : -20
43 : #2e132f : -18
45 : #2e1230 : -16
47 : #2f1231 : -14
49 : #2f1131 : -12
51 : #301032 : -10
53 : #301033 : -8
55 : #310f33 : -6
57 : #320e34 : -4
59 : #320e35 : -2
61 : #330d35 : ±0
63 : #330c36 : +2
65 : #340c37 : +4
67 : #340b37 : +6
69 : #350a38 : +8
71 : #360a39 : +10
73 : #360939 : +12
75 : #37083a : +14
77 : #37083b : +16
79 : #38073b : +18
81 : #38063c : +20
83 : #39063d : +22
85 : #3a053d : +24
87 : #3a043e : +26
89 : #3b043f : +28
91 : #3b033f : +30
93 : #3c0240 : +32
95 : #3c0241 : +34
97 : #3d0141 : +36
99 : #3e0042 : +38
L : 明度 ( 13% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -12
3 : #0c030c : -10
5 : #130515 : -8
7 : #1b071d : -6
9 : #230925 : -4
11 : #2b0b2d : -2
13 : #330d35 : ±0
15 : #3a0f3e : +2
17 : #421146 : +4
19 : #4a134e : +6
21 : #521556 : +8
23 : #5a175e : +10
25 : #611967 : +12
27 : #691b6f : +14
29 : #711d77 : +16
31 : #791f7f : +18
33 : #812187 : +20
35 : #882390 : +22
37 : #902598 : +24
39 : #9827a0 : +26
41 : #a029a8 : +28
43 : #a82bb1 : +30
45 : #af2db9 : +32
47 : #b72fc1 : +34
49 : #bf31c9 : +36
51 : #c436ce : +38
53 : #c73ed0 : +40
55 : #c946d2 : +42
57 : #cb4ed4 : +44
59 : #ce57d6 : +46
61 : #d05fd8 : +48
63 : #d367da : +50
65 : #d56fdc : +52
67 : #d778de : +54
69 : #da80e0 : +56
71 : #dc88e2 : +58
73 : #df90e4 : +60
75 : #e198e6 : +62
77 : #e3a1e8 : +64
79 : #e6a9ea : +66
81 : #e8b1ec : +68
83 : #ebb9ee : +70
85 : #edc1f0 : +72
87 : #efcaf2 : +74
89 : #f2d2f4 : +76
91 : #f4daf6 : +78
93 : #f7e2f8 : +80
95 : #f9eafa : +82
97 : #fbf3fc : +84
99 : #fefbfe : +86
CSS入門、作ってます。
text-shadow