#4a82ba
RGB
| 赤 | 74 |
|---|---|
| 緑 | 130 |
| 青 | 186 |
HSL
| 色相 | 210° |
|---|---|
| 彩度 | 45% |
| 明度 | 51% |
| 輝度 | 47% |
３桁の色
補色
反転色
RGB ( 赤 = 74, 緑 = 130, 青 = 186 )
HSL ( 色相 = 210°, 彩度 = 45%, 明度 = 51% )
H : 色相 ( 210° )
(0°) 赤～黄～緑～青～紫 (359°)
0 : #ba4a4a : -210
10 : #ba5d4a : -200
20 : #ba6f4a : -190
30 : #ba824a : -180
40 : #ba954a : -170
50 : #baa84a : -160
60 : #baba4a : -150
70 : #a8ba4a : -140
80 : #95ba4a : -130
90 : #82ba4a : -120
100 : #6fba4a : -110
110 : #5dba4a : -100
120 : #4aba4a : -90
130 : #4aba5d : -80
140 : #4aba6f : -70
150 : #4aba82 : -60
160 : #4aba95 : -50
170 : #4abaa8 : -40
180 : #4ababa : -30
190 : #4aa8ba : -20
200 : #4a95ba : -10
210 : #4a82ba : ±0
220 : #4a6fba : +10
230 : #4a5dba : +20
240 : #4a4aba : +30
250 : #5d4aba : +40
260 : #6f4aba : +50
270 : #824aba : +60
280 : #954aba : +70
290 : #a84aba : +80
300 : #ba4aba : +90
310 : #ba4aa8 : +100
320 : #ba4a95 : +110
330 : #ba4a82 : +120
340 : #ba4a6f : +130
350 : #ba4a5d : +140
200 : #4a95ba : -10
201 : #4a93ba : -9
202 : #4a91ba : -8
203 : #4a8fba : -7
204 : #4a8dba : -6
205 : #4a8bba : -5
206 : #4a8aba : -4
207 : #4a88ba : -3
208 : #4a86ba : -2
209 : #4a84ba : -1
210 : #4a82ba : ±0
211 : #4a80ba : +1
212 : #4a7eba : +2
213 : #4a7cba : +3
214 : #4a7bba : +4
215 : #4a79ba : +5
216 : #4a77ba : +6
217 : #4a75ba : +7
218 : #4a73ba : +8
219 : #4a71ba : +9
220 : #4a6fba : +10
S : 彩度 ( 45% )
(0%) 渋い ～ 鮮やか (100%)
1 : #818283 : -44
3 : #7e8286 : -42
5 : #7c8288 : -40
7 : #79828b : -38
9 : #77828d : -36
11 : #748290 : -34
13 : #728292 : -32
15 : #6f8295 : -30
17 : #6d8297 : -28
19 : #6a829a : -26
21 : #68829c : -24
23 : #65829f : -22
25 : #6382a1 : -20
27 : #6082a4 : -18
29 : #5e82a6 : -16
31 : #5b82a9 : -14
33 : #5982ab : -12
35 : #5682ae : -10
37 : #5482b0 : -8
39 : #5182b3 : -6
41 : #4f82b5 : -4
43 : #4c82b8 : -2
45 : #4a82ba : ±0
47 : #4782bd : +2
49 : #4582bf : +4
51 : #4282c2 : +6
53 : #4082c4 : +8
55 : #3d82c7 : +10
57 : #3b82c9 : +12
59 : #3882cc : +14
61 : #3682ce : +16
63 : #3382d1 : +18
65 : #3182d3 : +20
67 : #2e82d6 : +22
69 : #2c82d8 : +24
71 : #2982db : +26
73 : #2782dd : +28
75 : #2482e0 : +30
77 : #2282e2 : +32
79 : #1f82e5 : +34
81 : #1d82e7 : +36
83 : #1a82ea : +38
85 : #1882ec : +40
87 : #1582ef : +42
89 : #1382f1 : +44
91 : #1082f4 : +46
93 : #0e82f6 : +48
95 : #0b82f9 : +50
97 : #0982fb : +52
99 : #0682fe : +54
L : 明度 ( 51% )
(0%) 暗い ～ 明るい (100%)
1 : #010304 : -50
3 : #04080b : -48
5 : #070d12 : -46
7 : #0a121a : -44
9 : #0d1721 : -42
11 : #0f1c29 : -40
13 : #122130 : -38
15 : #152637 : -36
17 : #182b3f : -34
19 : #1b3046 : -32
21 : #1d364e : -30
23 : #203b55 : -28
25 : #23405c : -26
27 : #264564 : -24
29 : #294a6b : -22
31 : #2b4f73 : -20
33 : #2e547a : -18
35 : #315981 : -16
37 : #345e89 : -14
39 : #376390 : -12
41 : #3a6998 : -10
43 : #3c6e9f : -8
45 : #3f73a6 : -6
47 : #4278ae : -4
49 : #457db5 : -2
51 : #4a82ba : ±0
53 : #5187bd : +2
55 : #598cc0 : +4
57 : #6091c3 : +6
59 : #6796c5 : +8
61 : #6f9cc8 : +10
63 : #76a1cb : +12
65 : #7ea6ce : +14
67 : #85abd1 : +16
69 : #8cb0d4 : +18
71 : #94b5d6 : +20
73 : #9bbad9 : +22
75 : #a3bfdc : +24
77 : #aac4df : +26
79 : #b1c9e2 : +28
81 : #b9cfe4 : +30
83 : #c0d4e7 : +32
85 : #c8d9ea : +34
87 : #cfdeed : +36
89 : #d6e3f0 : +38
91 : #dee8f2 : +40
93 : #e5edf5 : +42
95 : #edf2f8 : +44
97 : #f4f7fb : +46
99 : #fbfcfe : +48
CSS入門、作ってます。
text-shadow