#30273a
RGB ( 赤 = 48, 緑 = 39, 青 = 58 )
HSL ( 色相 = 268°, 彩度 = 20%, 明度 = 19% )
H : 色相 ( 268° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #3a2927 : -260
18 : #3a2d27 : -250
28 : #3a3027 : -240
38 : #3a3327 : -230
48 : #3a3627 : -220
58 : #3a3927 : -210
68 : #383a27 : -200
78 : #343a27 : -190
88 : #313a27 : -180
98 : #2e3a27 : -170
108 : #2b3a27 : -160
118 : #273a27 : -150
128 : #273a29 : -140
138 : #273a2d : -130
148 : #273a30 : -120
158 : #273a33 : -110
168 : #273a36 : -100
178 : #273a39 : -90
188 : #27383a : -80
198 : #27343a : -70
208 : #27313a : -60
218 : #272e3a : -50
228 : #272b3a : -40
238 : #27273a : -30
248 : #29273a : -20
258 : #2d273a : -10
268 : #30273a : ±0
278 : #33273a : +10
288 : #36273a : +20
298 : #39273a : +30
308 : #3a2738 : +40
318 : #3a2734 : +50
328 : #3a2731 : +60
338 : #3a272e : +70
348 : #3a272b : +80
358 : #3a2727 : +90
258 : #2d273a : -10
259 : #2d273a : -9
260 : #2d273a : -8
261 : #2e273a : -7
262 : #2e273a : -6
263 : #2e273a : -5
264 : #2f273a : -4
265 : #2f273a : -3
266 : #2f273a : -2
267 : #2f273a : -1
268 : #30273a : ±0
269 : #30273a : +1
270 : #30273a : +2
271 : #31273a : +3
272 : #31273a : +4
273 : #31273a : +5
274 : #32273a : +6
275 : #32273a : +7
276 : #32273a : +8
277 : #33273a : +9
278 : #33273a : +10
S : 彩度 ( 20% )
(0%) 渋い ~ 鮮やか (100%)
0 : #303030 : -20
2 : #302f31 : -18
4 : #302f32 : -16
6 : #302e33 : -14
8 : #302d34 : -12
10 : #302c35 : -10
12 : #302b36 : -8
14 : #302a37 : -6
16 : #302938 : -4
18 : #302839 : -2
20 : #30273a : ±0
22 : #30263b : +2
24 : #30253c : +4
26 : #30243d : +6
28 : #30233e : +8
30 : #2f223f : +10
32 : #2f2140 : +12
34 : #2f2041 : +14
36 : #2f1f42 : +16
38 : #2f1e43 : +18
40 : #2f1d44 : +20
42 : #2f1c45 : +22
44 : #2f1b46 : +24
46 : #2f1a47 : +26
48 : #2f1948 : +28
50 : #2f1849 : +30
52 : #2f174a : +32
54 : #2f164b : +34
56 : #2f154c : +36
58 : #2f144d : +38
60 : #2f134e : +40
62 : #2e124e : +42
64 : #2e114f : +44
66 : #2e1050 : +46
68 : #2e1051 : +48
70 : #2e0f52 : +50
72 : #2e0e53 : +52
74 : #2e0d54 : +54
76 : #2e0c55 : +56
78 : #2e0b56 : +58
80 : #2e0a57 : +60
82 : #2e0958 : +62
84 : #2e0859 : +64
86 : #2e075a : +66
88 : #2e065b : +68
90 : #2e055c : +70
92 : #2d045d : +72
94 : #2d035e : +74
96 : #2d025f : +76
98 : #2d0160 : +78
100 : #2d0061 : +80
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -18
3 : #080609 : -16
5 : #0d0a0f : -14
7 : #120e15 : -12
9 : #17121c : -10
11 : #1c1622 : -8
13 : #211b28 : -6
15 : #261f2e : -4
17 : #2b2334 : -2
19 : #30273a : ±0
21 : #352b40 : +2
23 : #3a2f46 : +4
25 : #3f334d : +6
27 : #443753 : +8
29 : #493b59 : +10
31 : #4e3f5f : +12
33 : #534365 : +14
35 : #58476b : +16
37 : #5d4b71 : +18
39 : #625077 : +20
41 : #67547d : +22
43 : #6c5884 : +24
45 : #715c8a : +26
47 : #766090 : +28
49 : #7b6496 : +30
51 : #80699b : +32
53 : #866f9f : +34
55 : #8b75a3 : +36
57 : #907ba7 : +38
59 : #9582ab : +40
61 : #9a88af : +42
63 : #9f8eb4 : +44
65 : #a594b8 : +46
67 : #aa9abc : +48
69 : #afa0c0 : +50
71 : #b4a6c4 : +52
73 : #b9acc8 : +54
75 : #beb3cc : +56
77 : #c4b9d0 : +58
79 : #c9bfd4 : +60
81 : #cec5d8 : +62
83 : #d3cbdc : +64
85 : #d8d1e0 : +66
87 : #ddd7e4 : +68
89 : #e3dde9 : +70
91 : #e8e3ed : +72
93 : #edeaf1 : +74
95 : #f2f0f5 : +76
97 : #f7f6f9 : +78
99 : #fcfcfd : +80
CSS入門、作ってます。
text-shadow