#1e49f6
RGB
赤 | 30 |
---|---|
緑 | 73 |
青 | 246 |
HSL
色相 | 228° |
---|---|
彩度 | 92% |
明度 | 54% |
輝度 | 31% |
3桁の色
補色
反転色
RGB ( 赤 = 30, 緑 = 73, 青 = 246 )
HSL ( 色相 = 228°, 彩度 = 92%, 明度 = 54% )
H : 色相 ( 228° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #f63b1e : -220
18 : #f65f1e : -210
28 : #f6831e : -200
38 : #f6a61e : -190
48 : #f6ca1e : -180
58 : #f6ee1e : -170
68 : #d9f61e : -160
78 : #b5f61e : -150
88 : #91f61e : -140
98 : #6df61e : -130
108 : #49f61e : -120
118 : #25f61e : -110
128 : #1ef63b : -100
138 : #1ef65f : -90
148 : #1ef683 : -80
158 : #1ef6a6 : -70
168 : #1ef6ca : -60
178 : #1ef6ee : -50
188 : #1ed9f6 : -40
198 : #1eb5f6 : -30
208 : #1e91f6 : -20
218 : #1e6df6 : -10
228 : #1e49f6 : ±0
238 : #1e25f6 : +10
248 : #3b1ef6 : +20
258 : #5f1ef6 : +30
268 : #831ef6 : +40
278 : #a61ef6 : +50
288 : #ca1ef6 : +60
298 : #ee1ef6 : +70
308 : #f61ed9 : +80
318 : #f61eb5 : +90
328 : #f61e91 : +100
338 : #f61e6d : +110
348 : #f61e49 : +120
358 : #f61e25 : +130
218 : #1e6df6 : -10
219 : #1e69f6 : -9
220 : #1e66f6 : -8
221 : #1e62f6 : -7
222 : #1e5ff6 : -6
223 : #1e5bf6 : -5
224 : #1e57f6 : -4
225 : #1e54f6 : -3
226 : #1e50f6 : -2
227 : #1e4df6 : -1
228 : #1e49f6 : ±0
229 : #1e45f6 : +1
230 : #1e42f6 : +2
231 : #1e3ef6 : +3
232 : #1e3bf6 : +4
233 : #1e37f6 : +5
234 : #1e33f6 : +6
235 : #1e30f6 : +7
236 : #1e2cf6 : +8
237 : #1e29f6 : +9
238 : #1e25f6 : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #898989 : -92
2 : #87888c : -90
4 : #85878e : -88
6 : #838591 : -86
8 : #808493 : -84
10 : #7e8395 : -82
12 : #7c8198 : -80
14 : #79809a : -78
16 : #777e9c : -76
18 : #757d9f : -74
20 : #727ca1 : -72
22 : #707aa4 : -70
24 : #6e79a6 : -68
26 : #6b77a8 : -66
28 : #6976ab : -64
30 : #6775ad : -62
32 : #6473af : -60
34 : #6272b2 : -58
36 : #5f70b4 : -56
38 : #5d6fb6 : -54
40 : #5b6eb9 : -52
42 : #586cbb : -50
44 : #566bbd : -48
46 : #5469c0 : -46
48 : #5168c2 : -44
50 : #4f67c4 : -42
52 : #4d65c7 : -40
54 : #4a64c9 : -38
56 : #4862cb : -36
58 : #4661ce : -34
60 : #435fd0 : -32
62 : #415ed2 : -30
64 : #3f5dd5 : -28
66 : #3c5bd7 : -26
68 : #3a5ad9 : -24
70 : #3858dc : -22
72 : #3557de : -20
74 : #3356e1 : -18
76 : #3154e3 : -16
78 : #2e53e5 : -14
80 : #2c51e8 : -12
82 : #2a50ea : -10
84 : #274fec : -8
86 : #254def : -6
88 : #224cf1 : -4
90 : #204af3 : -2
92 : #1e49f6 : ±0
94 : #1b48f8 : +2
96 : #1946fa : +4
98 : #1745fd : +6
100 : #1443ff : +8
L : 明度 ( 54% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -54
2 : #00020a : -52
4 : #010514 : -50
6 : #01071d : -48
8 : #020927 : -46
10 : #020b31 : -44
12 : #020e3b : -42
14 : #031045 : -40
16 : #03124e : -38
18 : #041558 : -36
20 : #041762 : -34
22 : #04196c : -32
24 : #051b76 : -30
26 : #051e7f : -28
28 : #062089 : -26
30 : #062293 : -24
32 : #07259d : -22
34 : #0727a6 : -20
36 : #0729b0 : -18
38 : #082bba : -16
40 : #082ec4 : -14
42 : #0930ce : -12
44 : #0932d7 : -10
46 : #0935e1 : -8
48 : #0a37eb : -6
50 : #0a39f5 : -4
52 : #1441f5 : -2
54 : #1e49f6 : ±0
56 : #2851f6 : +2
58 : #3159f6 : +4
60 : #3b61f7 : +6
62 : #4569f7 : +8
64 : #4f71f8 : +10
66 : #5978f8 : +12
68 : #6280f8 : +14
70 : #6c88f9 : +16
72 : #7690f9 : +18
74 : #8098fa : +20
76 : #89a0fa : +22
78 : #93a8fb : +24
80 : #9db0fb : +26
82 : #a7b8fb : +28
84 : #b1c0fc : +30
86 : #bac8fc : +32
88 : #c4d0fd : +34
90 : #ced7fd : +36
92 : #d8dffd : +38
94 : #e2e7fe : +40
96 : #ebeffe : +42
98 : #f5f7ff : +44
100 : #ffffff : +46
CSS入門、作ってます。
text-shadow