#33273a
RGB ( 赤 = 51, 緑 = 39, 青 = 58 )
HSL ( 色相 = 278°, 彩度 = 20%, 明度 = 19% )
H : 色相 ( 278° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #3a2927 : -270
18 : #3a2d27 : -260
28 : #3a3027 : -250
38 : #3a3327 : -240
48 : #3a3627 : -230
58 : #3a3927 : -220
68 : #383a27 : -210
78 : #343a27 : -200
88 : #313a27 : -190
98 : #2e3a27 : -180
108 : #2b3a27 : -170
118 : #273a27 : -160
128 : #273a29 : -150
138 : #273a2d : -140
148 : #273a30 : -130
158 : #273a33 : -120
168 : #273a36 : -110
178 : #273a39 : -100
188 : #27383a : -90
198 : #27343a : -80
208 : #27313a : -70
218 : #272e3a : -60
228 : #272b3a : -50
238 : #27273a : -40
248 : #29273a : -30
258 : #2d273a : -20
268 : #30273a : -10
278 : #33273a : ±0
288 : #36273a : +10
298 : #39273a : +20
308 : #3a2738 : +30
318 : #3a2734 : +40
328 : #3a2731 : +50
338 : #3a272e : +60
348 : #3a272b : +70
358 : #3a2727 : +80
268 : #30273a : -10
269 : #30273a : -9
270 : #30273a : -8
271 : #31273a : -7
272 : #31273a : -6
273 : #31273a : -5
274 : #32273a : -4
275 : #32273a : -3
276 : #32273a : -2
277 : #33273a : -1
278 : #33273a : ±0
279 : #33273a : +1
280 : #34273a : +2
281 : #34273a : +3
282 : #34273a : +4
283 : #35273a : +5
284 : #35273a : +6
285 : #35273a : +7
286 : #36273a : +8
287 : #36273a : +9
288 : #36273a : +10
S : 彩度 ( 20% )
(0%) 渋い ~ 鮮やか (100%)
0 : #303030 : -20
2 : #312f31 : -18
4 : #312f32 : -16
6 : #312e33 : -14
8 : #312d34 : -12
10 : #322c35 : -10
12 : #322b36 : -8
14 : #322a37 : -6
16 : #332938 : -4
18 : #332839 : -2
20 : #33273a : ±0
22 : #33263b : +2
24 : #34253c : +4
26 : #34243d : +6
28 : #34233e : +8
30 : #34223f : +10
32 : #352140 : +12
34 : #352041 : +14
36 : #351f42 : +16
38 : #351e43 : +18
40 : #361d44 : +20
42 : #361c45 : +22
44 : #361b46 : +24
46 : #361a47 : +26
48 : #371948 : +28
50 : #371849 : +30
52 : #37174a : +32
54 : #37164b : +34
56 : #38154c : +36
58 : #38144d : +38
60 : #38134e : +40
62 : #38124e : +42
64 : #39114f : +44
66 : #391050 : +46
68 : #391051 : +48
70 : #390f52 : +50
72 : #3a0e53 : +52
74 : #3a0d54 : +54
76 : #3a0c55 : +56
78 : #3b0b56 : +58
80 : #3b0a57 : +60
82 : #3b0958 : +62
84 : #3b0859 : +64
86 : #3c075a : +66
88 : #3c065b : +68
90 : #3c055c : +70
92 : #3c045d : +72
94 : #3d035e : +74
96 : #3d025f : +76
98 : #3d0160 : +78
100 : #3d0061 : +80
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -18
3 : #080609 : -16
5 : #0d0a0f : -14
7 : #130e15 : -12
9 : #18121c : -10
11 : #1e1622 : -8
13 : #231b28 : -6
15 : #281f2e : -4
17 : #2e2334 : -2
19 : #33273a : ±0
21 : #382b40 : +2
23 : #3e2f46 : +4
25 : #43334d : +6
27 : #493753 : +8
29 : #4e3b59 : +10
31 : #533f5f : +12
33 : #594365 : +14
35 : #5e476b : +16
37 : #634b71 : +18
39 : #695077 : +20
41 : #6e547d : +22
43 : #735884 : +24
45 : #795c8a : +26
47 : #7e6090 : +28
49 : #846496 : +30
51 : #89699b : +32
53 : #8e6f9f : +34
55 : #9275a3 : +36
57 : #977ba7 : +38
59 : #9c82ab : +40
61 : #a188af : +42
63 : #a68eb4 : +44
65 : #ab94b8 : +46
67 : #af9abc : +48
69 : #b4a0c0 : +50
71 : #b9a6c4 : +52
73 : #beacc8 : +54
75 : #c3b3cc : +56
77 : #c7b9d0 : +58
79 : #ccbfd4 : +60
81 : #d1c5d8 : +62
83 : #d6cbdc : +64
85 : #dbd1e0 : +66
87 : #e0d7e4 : +68
89 : #e4dde9 : +70
91 : #e9e3ed : +72
93 : #eeeaf1 : +74
95 : #f3f0f5 : +76
97 : #f8f6f9 : +78
99 : #fdfcfd : +80
CSS入門、作ってます。
text-shadow