#33013c
RGB ( 赤 = 51, 緑 = 1, 青 = 60 )
HSL ( 色相 = 291°, 彩度 = 97%, 明度 = 12% )
H : 色相 ( 291° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #3c0201 : -290
11 : #3c0c01 : -280
21 : #3c1601 : -270
31 : #3c2001 : -260
41 : #3c2901 : -250
51 : #3c3301 : -240
61 : #3b3c01 : -230
71 : #313c01 : -220
81 : #283c01 : -210
91 : #1e3c01 : -200
101 : #143c01 : -190
111 : #0a3c01 : -180
121 : #013c02 : -170
131 : #013c0c : -160
141 : #013c16 : -150
151 : #013c20 : -140
161 : #013c29 : -130
171 : #013c33 : -120
181 : #013b3c : -110
191 : #01313c : -100
201 : #01283c : -90
211 : #011e3c : -80
221 : #01143c : -70
231 : #010a3c : -60
241 : #02013c : -50
251 : #0c013c : -40
261 : #16013c : -30
271 : #20013c : -20
281 : #29013c : -10
291 : #33013c : ±0
301 : #3c013b : +10
311 : #3c0131 : +20
321 : #3c0128 : +30
331 : #3c011e : +40
341 : #3c0114 : +50
351 : #3c010a : +60
281 : #29013c : -10
282 : #2a013c : -9
283 : #2b013c : -8
284 : #2c013c : -7
285 : #2d013c : -6
286 : #2e013c : -5
287 : #2f013c : -4
288 : #30013c : -3
289 : #31013c : -2
290 : #32013c : -1
291 : #33013c : ±0
292 : #34013c : +1
293 : #35013c : +2
294 : #36013c : +3
295 : #37013c : +4
296 : #38013c : +5
297 : #39013c : +6
298 : #3a013c : +7
299 : #3b013c : +8
300 : #3c013c : +9
301 : #3c013b : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #1f1e1f : -96
3 : #1f1e20 : -94
5 : #201d20 : -92
7 : #201c21 : -90
9 : #211c21 : -88
11 : #211b22 : -86
13 : #211b23 : -84
15 : #221a23 : -82
17 : #221924 : -80
19 : #231924 : -78
21 : #231825 : -76
23 : #241826 : -74
25 : #241726 : -72
27 : #241627 : -70
29 : #251627 : -68
31 : #251528 : -66
33 : #261529 : -64
35 : #261429 : -62
37 : #27132a : -60
39 : #27132b : -58
41 : #27122b : -56
43 : #28112c : -54
45 : #28112c : -52
47 : #29102d : -50
49 : #29102e : -48
51 : #2a0f2e : -46
53 : #2a0e2f : -44
55 : #2a0e2f : -42
57 : #2b0d30 : -40
59 : #2b0d31 : -38
61 : #2c0c31 : -36
63 : #2c0b32 : -34
65 : #2d0b32 : -32
67 : #2d0a33 : -30
69 : #2d0934 : -28
71 : #2e0934 : -26
73 : #2e0835 : -24
75 : #2f0836 : -22
77 : #2f0736 : -20
79 : #300637 : -18
81 : #300637 : -16
83 : #300538 : -14
85 : #310539 : -12
87 : #310439 : -10
89 : #32033a : -8
91 : #32033a : -6
93 : #33023b : -4
95 : #33023c : -2
97 : #33013c : ±0
99 : #34003d : +2
L : 明度 ( 12% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -12
2 : #09000a : -10
4 : #110014 : -8
6 : #1a001e : -6
8 : #220128 : -4
10 : #2b0132 : -2
12 : #33013c : ±0
14 : #3c0146 : +2
16 : #450150 : +4
18 : #4d015a : +6
20 : #560264 : +8
22 : #5e026f : +10
24 : #670279 : +12
26 : #6f0283 : +14
28 : #78028d : +16
30 : #800297 : +18
32 : #8902a1 : +20
34 : #9203ab : +22
36 : #9a03b5 : +24
38 : #a303bf : +26
40 : #ab03c9 : +28
42 : #b403d3 : +30
44 : #bc03dd : +32
46 : #c504e7 : +34
48 : #ce04f1 : +36
50 : #d604fb : +38
52 : #d80efb : +40
54 : #d918fb : +42
56 : #db22fc : +44
58 : #dd2cfc : +46
60 : #de36fc : +48
62 : #e040fc : +50
64 : #e24afc : +52
66 : #e354fc : +54
68 : #e55efd : +56
70 : #e668fd : +58
72 : #e872fd : +60
74 : #ea7cfd : +62
76 : #eb86fd : +64
78 : #ed90fd : +66
80 : #ef9bfd : +68
82 : #f0a5fe : +70
84 : #f2affe : +72
86 : #f4b9fe : +74
88 : #f5c3fe : +76
90 : #f7cdfe : +78
92 : #f8d7fe : +80
94 : #fae1ff : +82
96 : #fcebff : +84
98 : #fdf5ff : +86
100 : #ffffff : +88
CSS入門、作ってます。
text-shadow