#285167
RGB ( 赤 = 40, 緑 = 81, 青 = 103 )
HSL ( 色相 = 201°, 彩度 = 44%, 明度 = 28% )
H : 色相 ( 201° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #672928 : -200
11 : #673428 : -190
21 : #673e28 : -180
31 : #674828 : -170
41 : #675328 : -160
51 : #675d28 : -150
61 : #666728 : -140
71 : #5b6728 : -130
81 : #516728 : -120
91 : #466728 : -110
101 : #3c6728 : -100
111 : #316728 : -90
121 : #286729 : -80
131 : #286734 : -70
141 : #28673e : -60
151 : #286748 : -50
161 : #286753 : -40
171 : #28675d : -30
181 : #286667 : -20
191 : #285b67 : -10
201 : #285167 : ±0
211 : #284667 : +10
221 : #283c67 : +20
231 : #283167 : +30
241 : #292867 : +40
251 : #342867 : +50
261 : #3e2867 : +60
271 : #482867 : +70
281 : #532867 : +80
291 : #5d2867 : +90
301 : #672866 : +100
311 : #67285b : +110
321 : #672851 : +120
331 : #672846 : +130
341 : #67283c : +140
351 : #672831 : +150
191 : #285b67 : -10
192 : #285a67 : -9
193 : #285967 : -8
194 : #285867 : -7
195 : #285767 : -6
196 : #285667 : -5
197 : #285567 : -4
198 : #285467 : -3
199 : #285367 : -2
200 : #285267 : -1
201 : #285167 : ±0
202 : #285067 : +1
203 : #284f67 : +2
204 : #284e67 : +3
205 : #284d67 : +4
206 : #284c67 : +5
207 : #284b67 : +6
208 : #284967 : +7
209 : #284867 : +8
210 : #284767 : +9
211 : #284667 : +10
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -44
2 : #464849 : -42
4 : #45484a : -40
6 : #43494c : -38
8 : #42494d : -36
10 : #404a4f : -34
12 : #3f4a50 : -32
14 : #3d4a51 : -30
16 : #3c4b53 : -28
18 : #3b4b54 : -26
20 : #394c56 : -24
22 : #384c57 : -22
24 : #364d59 : -20
26 : #354d5a : -18
28 : #334d5b : -16
30 : #324e5d : -14
32 : #314e5e : -12
34 : #2f4f60 : -10
36 : #2e4f61 : -8
38 : #2c5063 : -6
40 : #2b5064 : -4
42 : #295065 : -2
44 : #285167 : ±0
46 : #275168 : +2
48 : #25526a : +4
50 : #24526b : +6
52 : #22536d : +8
54 : #21536e : +10
56 : #1f536f : +12
58 : #1e5471 : +14
60 : #1d5472 : +16
62 : #1b5574 : +18
64 : #1a5575 : +20
66 : #185677 : +22
68 : #175678 : +24
70 : #155679 : +26
72 : #14577b : +28
74 : #13577c : +30
76 : #11587e : +32
78 : #10587f : +34
80 : #0e5981 : +36
82 : #0d5982 : +38
84 : #0b5983 : +40
86 : #0a5a85 : +42
88 : #095a86 : +44
90 : #075b88 : +46
92 : #065b89 : +48
94 : #045c8b : +50
96 : #035c8c : +52
98 : #015c8d : +54
100 : #005d8f : +56
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #030607 : -26
4 : #060c0f : -24
6 : #091116 : -22
8 : #0b171d : -20
10 : #0e1d25 : -18
12 : #11232c : -16
14 : #142833 : -14
16 : #172e3b : -12
18 : #1a3442 : -10
20 : #1d3a49 : -8
22 : #1f4051 : -6
24 : #224558 : -4
26 : #254b5f : -2
28 : #285167 : ±0
30 : #2b576e : +2
32 : #2e5c76 : +4
34 : #31627d : +6
36 : #336884 : +8
38 : #366e8c : +10
40 : #397393 : +12
42 : #3c799a : +14
44 : #3f7fa2 : +16
46 : #4285a9 : +18
48 : #458bb0 : +20
50 : #4790b8 : +22
52 : #4f95ba : +24
54 : #5699bd : +26
56 : #5d9ec0 : +28
58 : #65a2c3 : +30
60 : #6ca6c6 : +32
62 : #73abc9 : +34
64 : #7bafcc : +36
66 : #82b4ce : +38
68 : #89b8d1 : +40
70 : #91bdd4 : +42
72 : #98c1d7 : +44
74 : #a0c5da : +46
76 : #a7cadd : +48
78 : #aecee0 : +50
80 : #b6d3e2 : +52
82 : #bdd7e5 : +54
84 : #c4dce8 : +56
86 : #cce0eb : +58
88 : #d3e4ee : +60
90 : #dae9f1 : +62
92 : #e2edf4 : +64
94 : #e9f2f6 : +66
96 : #f0f6f9 : +68
98 : #f8fbfc : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow