#2b515f
RGB ( 赤 = 43, 緑 = 81, 青 = 95 )
HSL ( 色相 = 196°, 彩度 = 38%, 明度 = 27% )
H : 色相 ( 196° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #5f302b : -190
16 : #5f392b : -180
26 : #5f412b : -170
36 : #5f4a2b : -160
46 : #5f532b : -150
56 : #5f5c2b : -140
66 : #5a5f2b : -130
76 : #515f2b : -120
86 : #485f2b : -110
96 : #405f2b : -100
106 : #375f2b : -90
116 : #2e5f2b : -80
126 : #2b5f30 : -70
136 : #2b5f39 : -60
146 : #2b5f41 : -50
156 : #2b5f4a : -40
166 : #2b5f53 : -30
176 : #2b5f5c : -20
186 : #2b5a5f : -10
196 : #2b515f : ±0
206 : #2b485f : +10
216 : #2b405f : +20
226 : #2b375f : +30
236 : #2b2e5f : +40
246 : #302b5f : +50
256 : #392b5f : +60
266 : #412b5f : +70
276 : #4a2b5f : +80
286 : #532b5f : +90
296 : #5c2b5f : +100
306 : #5f2b5a : +110
316 : #5f2b51 : +120
326 : #5f2b48 : +130
336 : #5f2b40 : +140
346 : #5f2b37 : +150
356 : #5f2b2e : +160
186 : #2b5a5f : -10
187 : #2b595f : -9
188 : #2b585f : -8
189 : #2b575f : -7
190 : #2b565f : -6
191 : #2b555f : -5
192 : #2b555f : -4
193 : #2b545f : -3
194 : #2b535f : -2
195 : #2b525f : -1
196 : #2b515f : ±0
197 : #2b505f : +1
198 : #2b4f5f : +2
199 : #2b4e5f : +3
200 : #2b4e5f : +4
201 : #2b4d5f : +5
202 : #2b4c5f : +6
203 : #2b4b5f : +7
204 : #2b4a5f : +8
205 : #2b495f : +9
206 : #2b485f : +10
S : 彩度 ( 38% )
(0%) 渋い ~ 鮮やか (100%)
0 : #444444 : -38
2 : #434546 : -36
4 : #424648 : -34
6 : #414749 : -32
8 : #3f474a : -30
10 : #3e484c : -28
12 : #3d494d : -26
14 : #3b494e : -24
16 : #3a4a50 : -22
18 : #384b51 : -20
20 : #374b53 : -18
22 : #364c54 : -16
24 : #344d55 : -14
26 : #334d57 : -12
28 : #324e58 : -10
30 : #304e5a : -8
32 : #2f4f5b : -6
34 : #2d505c : -4
36 : #2c505e : -2
38 : #2b515f : ±0
40 : #295260 : +2
42 : #285262 : +4
44 : #275363 : +6
46 : #255465 : +8
48 : #245466 : +10
50 : #225567 : +12
52 : #215669 : +14
54 : #20566a : +16
56 : #1e576b : +18
58 : #1d576d : +20
60 : #1c586e : +22
62 : #1a5970 : +24
64 : #195971 : +26
66 : #175a72 : +28
68 : #165b74 : +30
70 : #155b75 : +32
72 : #135c76 : +34
74 : #125d78 : +36
76 : #115d79 : +38
78 : #0f5e7b : +40
80 : #0e5f7c : +42
82 : #0c5f7d : +44
84 : #0b607f : +46
86 : #0a6080 : +48
88 : #086181 : +50
90 : #076283 : +52
92 : #066284 : +54
94 : #046386 : +56
96 : #036487 : +58
98 : #016488 : +60
100 : #00658a : +62
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #020304 : -26
3 : #05090b : -24
5 : #080f12 : -22
7 : #0b1519 : -20
9 : #0e1b20 : -18
11 : #112127 : -16
13 : #15272e : -14
15 : #182d35 : -12
17 : #1b333c : -10
19 : #1e3943 : -8
21 : #213f4a : -6
23 : #244551 : -4
25 : #284b58 : -2
27 : #2b515f : ±0
29 : #2e5766 : +2
31 : #315d6d : +4
33 : #346374 : +6
35 : #37697b : +8
37 : #3a6f82 : +10
39 : #3e7589 : +12
41 : #417b90 : +14
43 : #448197 : +16
45 : #47879e : +18
47 : #4a8da5 : +20
49 : #4d93ac : +22
51 : #5398b2 : +24
53 : #5a9cb5 : +26
55 : #61a1b8 : +28
57 : #68a5bb : +30
59 : #6fa9be : +32
61 : #76adc1 : +34
63 : #7db1c5 : +36
65 : #84b6c8 : +38
67 : #8bbacb : +40
69 : #92bece : +42
71 : #99c2d1 : +44
73 : #a0c6d4 : +46
75 : #a7cbd7 : +48
77 : #aecfdb : +50
79 : #b5d3de : +52
81 : #bcd7e1 : +54
83 : #c3dbe4 : +56
85 : #cae0e7 : +58
87 : #d1e4ea : +60
89 : #d8e8ee : +62
91 : #dfecf1 : +64
93 : #e6f0f4 : +66
95 : #edf5f7 : +68
97 : #f4f9fa : +70
99 : #fbfdfd : +72
CSS入門、作ってます。
text-shadow