#2f344c
RGB ( 赤 = 47, 緑 = 52, 青 = 76 )
HSL ( 色相 = 230°, 彩度 = 24%, 明度 = 24% )
H : 色相 ( 230° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #4c2f2f : -230
10 : #4c332f : -220
20 : #4c382f : -210
30 : #4c3d2f : -200
40 : #4c422f : -190
50 : #4c472f : -180
60 : #4c4c2f : -170
70 : #474c2f : -160
80 : #424c2f : -150
90 : #3d4c2f : -140
100 : #384c2f : -130
110 : #334c2f : -120
120 : #2f4c2f : -110
130 : #2f4c33 : -100
140 : #2f4c38 : -90
150 : #2f4c3d : -80
160 : #2f4c42 : -70
170 : #2f4c47 : -60
180 : #2f4c4c : -50
190 : #2f474c : -40
200 : #2f424c : -30
210 : #2f3d4c : -20
220 : #2f384c : -10
230 : #2f334c : ±0
240 : #2f2f4c : +10
250 : #332f4c : +20
260 : #382f4c : +30
270 : #3d2f4c : +40
280 : #422f4c : +50
290 : #472f4c : +60
300 : #4c2f4c : +70
310 : #4c2f47 : +80
320 : #4c2f42 : +90
330 : #4c2f3d : +100
340 : #4c2f38 : +110
350 : #4c2f33 : +120
220 : #2f384c : -10
221 : #2f384c : -9
222 : #2f374c : -8
223 : #2f374c : -7
224 : #2f364c : -6
225 : #2f364c : -5
226 : #2f354c : -4
227 : #2f354c : -3
228 : #2f344c : -2
229 : #2f344c : -1
230 : #2f334c : ±0
231 : #2f334c : +1
232 : #2f324c : +2
233 : #2f324c : +3
234 : #2f314c : +4
235 : #2f314c : +5
236 : #2f304c : +6
237 : #2f304c : +7
238 : #2f2f4c : +8
239 : #2f2f4c : +9
240 : #2f2f4c : +10
S : 彩度 ( 24% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -24
2 : #3c3c3e : -22
4 : #3b3c40 : -20
6 : #3a3b41 : -18
8 : #383a42 : -16
10 : #373943 : -14
12 : #363845 : -12
14 : #353746 : -10
16 : #333747 : -8
18 : #323648 : -6
20 : #313549 : -4
22 : #30344b : -2
24 : #2f334c : ±0
26 : #2d334d : +2
28 : #2c324e : +4
30 : #2b3150 : +6
32 : #2a3051 : +8
34 : #282f52 : +10
36 : #272f53 : +12
38 : #262e54 : +14
40 : #252d56 : +16
42 : #232c57 : +18
44 : #222b58 : +20
46 : #212a59 : +22
48 : #202a5b : +24
50 : #1f295c : +26
52 : #1d285d : +28
54 : #1c275e : +30
56 : #1b265f : +32
58 : #1a2661 : +34
60 : #182562 : +36
62 : #172463 : +38
64 : #162364 : +40
66 : #152266 : +42
68 : #142167 : +44
70 : #122168 : +46
72 : #112069 : +48
74 : #101f6a : +50
76 : #0f1e6c : +52
78 : #0d1d6d : +54
80 : #0c1d6e : +56
82 : #0b1c6f : +58
84 : #0a1b71 : +60
86 : #091a72 : +62
88 : #071973 : +64
90 : #061874 : +66
92 : #051876 : +68
94 : #041777 : +70
96 : #021678 : +72
98 : #011579 : +74
100 : #00147a : +76
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #040406 : -22
4 : #08090d : -20
6 : #0c0d13 : -18
8 : #101119 : -16
10 : #131520 : -14
12 : #171a26 : -12
14 : #1b1e2c : -10
16 : #1f2233 : -8
18 : #232739 : -6
20 : #272b3f : -4
22 : #2b2f46 : -2
24 : #2f334c : ±0
26 : #323852 : +2
28 : #363c59 : +4
30 : #3a405f : +6
32 : #3e4565 : +8
34 : #42496c : +10
36 : #464d72 : +12
38 : #4a5178 : +14
40 : #4e567e : +16
42 : #515a85 : +18
44 : #555e8b : +20
46 : #596391 : +22
48 : #5d6798 : +24
50 : #616b9e : +26
52 : #6771a2 : +28
54 : #6e77a6 : +30
56 : #747daa : +32
58 : #7a83ae : +34
60 : #8189b1 : +36
62 : #878fb5 : +38
64 : #8d95b9 : +40
66 : #939abd : +42
68 : #9aa0c1 : +44
70 : #a0a6c5 : +46
72 : #a6acc9 : +48
74 : #adb2cd : +50
76 : #b3b8d0 : +52
78 : #b9bed4 : +54
80 : #c0c4d8 : +56
82 : #c6cadc : +58
84 : #ccd0e0 : +60
86 : #d3d6e4 : +62
88 : #d9dce8 : +64
90 : #dfe1ec : +66
92 : #e6e7ef : +68
94 : #ecedf3 : +70
96 : #f2f3f7 : +72
98 : #f9f9fb : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow