#2b2f64
RGB ( 赤 = 43, 緑 = 47, 青 = 100 )
HSL ( 色相 = 236°, 彩度 = 40%, 明度 = 28% )
H : 色相 ( 236° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #64312b : -230
16 : #643a2b : -220
26 : #64442b : -210
36 : #644d2b : -200
46 : #64572b : -190
56 : #64602b : -180
66 : #5e642b : -170
76 : #55642b : -160
86 : #4b642b : -150
96 : #42642b : -140
106 : #38642b : -130
116 : #2f642b : -120
126 : #2b6431 : -110
136 : #2b643a : -100
146 : #2b6444 : -90
156 : #2b644d : -80
166 : #2b6457 : -70
176 : #2b6460 : -60
186 : #2b5e64 : -50
196 : #2b5564 : -40
206 : #2b4b64 : -30
216 : #2b4264 : -20
226 : #2b3864 : -10
236 : #2b2f64 : ±0
246 : #312b64 : +10
256 : #3a2b64 : +20
266 : #442b64 : +30
276 : #4d2b64 : +40
286 : #572b64 : +50
296 : #602b64 : +60
306 : #642b5e : +70
316 : #642b55 : +80
326 : #642b4b : +90
336 : #642b42 : +100
346 : #642b38 : +110
356 : #642b2f : +120
226 : #2b3864 : -10
227 : #2b3764 : -9
228 : #2b3664 : -8
229 : #2b3564 : -7
230 : #2b3464 : -6
231 : #2b3364 : -5
232 : #2b3264 : -4
233 : #2b3264 : -3
234 : #2b3164 : -2
235 : #2b3064 : -1
236 : #2b2f64 : ±0
237 : #2b2e64 : +1
238 : #2b2d64 : +2
239 : #2b2c64 : +3
240 : #2b2b64 : +4
241 : #2c2b64 : +5
242 : #2d2b64 : +6
243 : #2e2b64 : +7
244 : #2f2b64 : +8
245 : #302b64 : +9
246 : #312b64 : +10
S : 彩度 ( 40% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -40
2 : #464649 : -38
4 : #45454a : -36
6 : #43444c : -34
8 : #42424d : -32
10 : #40414f : -30
12 : #3f4050 : -28
14 : #3d3f51 : -26
16 : #3c3d53 : -24
18 : #3b3c54 : -22
20 : #393b56 : -20
22 : #383a57 : -18
24 : #363959 : -16
26 : #35375a : -14
28 : #33365b : -12
30 : #32355d : -10
32 : #31345e : -8
34 : #2f3260 : -6
36 : #2e3161 : -4
38 : #2c3063 : -2
40 : #2b2f64 : ±0
42 : #292d65 : +2
44 : #282c67 : +4
46 : #272b68 : +6
48 : #252a6a : +8
50 : #24286b : +10
52 : #22276d : +12
54 : #21266e : +14
56 : #1f256f : +16
58 : #1e2471 : +18
60 : #1d2272 : +20
62 : #1b2174 : +22
64 : #1a2075 : +24
66 : #181f77 : +26
68 : #171d78 : +28
70 : #151c79 : +30
72 : #141b7b : +32
74 : #131a7c : +34
76 : #11187e : +36
78 : #10177f : +38
80 : #0e1681 : +40
82 : #0d1582 : +42
84 : #0b1383 : +44
86 : #0a1285 : +46
88 : #091186 : +48
90 : #071088 : +50
92 : #060e89 : +52
94 : #040d8b : +54
96 : #030c8c : +56
98 : #010b8d : +58
100 : #000a8f : +60
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #030307 : -26
4 : #06070e : -24
6 : #090a15 : -22
8 : #0c0d1d : -20
10 : #0f1124 : -18
12 : #12142b : -16
14 : #151732 : -14
16 : #181b39 : -12
18 : #1c1e40 : -10
20 : #1f2147 : -8
22 : #22254f : -6
24 : #252856 : -4
26 : #282b5d : -2
28 : #2b2f64 : ±0
30 : #2e326b : +2
32 : #313572 : +4
34 : #343979 : +6
36 : #373c81 : +8
38 : #3a3f88 : +10
40 : #3d438f : +12
42 : #404696 : +14
44 : #43499d : +16
46 : #464da4 : +18
48 : #4950ab : +20
50 : #4d53b3 : +22
52 : #545ab6 : +24
54 : #5b61b9 : +26
56 : #6268bc : +28
58 : #696fbf : +30
60 : #7076c2 : +32
62 : #777dc5 : +34
64 : #7e83c8 : +36
66 : #868acb : +38
68 : #8d91ce : +40
70 : #9498d1 : +42
72 : #9b9fd4 : +44
74 : #a2a6d7 : +46
76 : #a9adda : +48
78 : #b0b3dd : +50
80 : #b8bae0 : +52
82 : #bfc1e3 : +54
84 : #c6c8e7 : +56
86 : #cdcfea : +58
88 : #d4d6ed : +60
90 : #dbddf0 : +62
92 : #e2e4f3 : +64
94 : #eaeaf6 : +66
96 : #f1f1f9 : +68
98 : #f8f8fc : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow