#246ebc
RGB
| 赤 | 36 |
|---|---|
| 緑 | 110 |
| 青 | 188 |
HSL
| 色相 | 211° |
|---|---|
| 彩度 | 68% |
| 明度 | 44% |
| 輝度 | 38% |
３桁の色
補色
反転色
RGB ( 赤 = 36, 緑 = 110, 青 = 188 )
HSL ( 色相 = 211°, 彩度 = 68%, 明度 = 44% )
H : 色相 ( 211° )
(0°) 赤～黄～緑～青～紫 (359°)
1 : #bc2624 : -210
11 : #bc4024 : -200
21 : #bc5924 : -190
31 : #bc7324 : -180
41 : #bc8c24 : -170
51 : #bca624 : -160
61 : #babc24 : -150
71 : #a1bc24 : -140
81 : #87bc24 : -130
91 : #6ebc24 : -120
101 : #54bc24 : -110
111 : #3bbc24 : -100
121 : #24bc26 : -90
131 : #24bc40 : -80
141 : #24bc59 : -70
151 : #24bc73 : -60
161 : #24bc8c : -50
171 : #24bca6 : -40
181 : #24babc : -30
191 : #24a1bc : -20
201 : #2487bc : -10
211 : #246ebc : ±0
221 : #2454bc : +10
231 : #243bbc : +20
241 : #2624bc : +30
251 : #4024bc : +40
261 : #5924bc : +50
271 : #7324bc : +60
281 : #8c24bc : +70
291 : #a624bc : +80
301 : #bc24ba : +90
311 : #bc24a1 : +100
321 : #bc2487 : +110
331 : #bc246e : +120
341 : #bc2454 : +130
351 : #bc243b : +140
201 : #2487bc : -10
202 : #2485bc : -9
203 : #2482bc : -8
204 : #247fbc : -7
205 : #247dbc : -6
206 : #247abc : -5
207 : #2478bc : -4
208 : #2475bc : -3
209 : #2473bc : -2
210 : #2470bc : -1
211 : #246ebc : ±0
212 : #246bbc : +1
213 : #2469bc : +2
214 : #2466bc : +3
215 : #2463bc : +4
216 : #2461bc : +5
217 : #245ebc : +6
218 : #245cbc : +7
219 : #2459bc : +8
220 : #2457bc : +9
221 : #2454bc : +10
S : 彩度 ( 68% )
(0%) 渋い ～ 鮮やか (100%)
0 : #707070 : -68
2 : #6e7072 : -66
4 : #6c7075 : -64
6 : #697077 : -62
8 : #677079 : -60
10 : #65707b : -58
12 : #63707e : -56
14 : #607080 : -54
16 : #5e7082 : -52
18 : #5c7084 : -50
20 : #5a6f87 : -48
22 : #586f89 : -46
24 : #556f8b : -44
26 : #536f8d : -42
28 : #516f90 : -40
30 : #4f6f92 : -38
32 : #4c6f94 : -36
34 : #4a6f96 : -34
36 : #486f99 : -32
38 : #466f9b : -30
40 : #436f9d : -28
42 : #416f9f : -26
44 : #3f6fa2 : -24
46 : #3d6ea4 : -22
48 : #3a6ea6 : -20
50 : #386ea8 : -18
52 : #366eab : -16
54 : #346ead : -14
56 : #316eaf : -12
58 : #2f6eb1 : -10
60 : #2d6eb4 : -8
62 : #2b6eb6 : -6
64 : #286eb8 : -4
66 : #266eba : -2
68 : #246ebc : ±0
70 : #226ebf : +2
72 : #1f6ec1 : +4
74 : #1d6dc3 : +6
76 : #1b6dc5 : +8
78 : #196dc8 : +10
80 : #166dca : +12
82 : #146dcc : +14
84 : #126dce : +16
86 : #106dd1 : +18
88 : #0d6dd3 : +20
90 : #0b6dd5 : +22
92 : #096dd7 : +24
94 : #076dda : +26
96 : #046ddc : +28
98 : #026dde : +30
100 : #006ce0 : +32
L : 明度 ( 44% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -44
2 : #020509 : -42
4 : #030a11 : -40
6 : #050f1a : -38
8 : #071422 : -36
10 : #08192b : -34
12 : #0a1e33 : -32
14 : #0b233c : -30
16 : #0d2845 : -28
18 : #0f2d4d : -26
20 : #103256 : -24
22 : #12375e : -22
24 : #143c67 : -20
26 : #15416f : -18
28 : #174678 : -16
30 : #184b81 : -14
32 : #1a5089 : -12
34 : #1c5592 : -10
36 : #1d5a9a : -8
38 : #1f5fa3 : -6
40 : #2164ab : -4
42 : #2269b4 : -2
44 : #246ebc : ±0
46 : #2673c5 : +2
48 : #2778ce : +4
50 : #297dd6 : +6
52 : #3182d8 : +8
54 : #3a87d9 : +10
56 : #438cdb : +12
58 : #4b91dd : +14
60 : #5497de : +16
62 : #5c9ce0 : +18
64 : #65a1e2 : +20
66 : #6da6e3 : +22
68 : #76ace5 : +24
70 : #7eb1e7 : +26
72 : #87b6e8 : +28
74 : #90bbea : +30
76 : #98c0eb : +32
78 : #a1c6ed : +34
80 : #a9cbef : +36
82 : #b2d0f0 : +38
84 : #bad5f2 : +40
86 : #c3daf4 : +42
88 : #cce0f5 : +44
90 : #d4e5f7 : +46
92 : #ddeaf8 : +48
94 : #e5effa : +50
96 : #eef5fc : +52
98 : #f6fafd : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow