#2b7cee
RGB
赤 | 43 |
---|---|
緑 | 124 |
青 | 238 |
HSL
色相 | 215° |
---|---|
彩度 | 85% |
明度 | 55% |
輝度 | 44% |
3桁の色
補色
反転色
RGB ( 赤 = 43, 緑 = 124, 青 = 238 )
HSL ( 色相 = 215°, 彩度 = 85%, 明度 = 55% )
H : 色相 ( 215° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #ee3b2b : -210
15 : #ee5b2b : -200
25 : #ee7c2b : -190
35 : #ee9d2b : -180
45 : #eebd2b : -170
55 : #eede2b : -160
65 : #deee2b : -150
75 : #bdee2b : -140
85 : #9dee2b : -130
95 : #7cee2b : -120
105 : #5bee2b : -110
115 : #3bee2b : -100
125 : #2bee3b : -90
135 : #2bee5b : -80
145 : #2bee7c : -70
155 : #2bee9d : -60
165 : #2beebd : -50
175 : #2beede : -40
185 : #2bdeee : -30
195 : #2bbdee : -20
205 : #2b9dee : -10
215 : #2b7cee : ±0
225 : #2b5bee : +10
235 : #2b3bee : +20
245 : #3b2bee : +30
255 : #5b2bee : +40
265 : #7c2bee : +50
275 : #9d2bee : +60
285 : #bd2bee : +70
295 : #de2bee : +80
305 : #ee2bde : +90
315 : #ee2bbd : +100
325 : #ee2b9d : +110
335 : #ee2b7c : +120
345 : #ee2b5b : +130
355 : #ee2b3b : +140
205 : #2b9dee : -10
206 : #2b99ee : -9
207 : #2b96ee : -8
208 : #2b93ee : -7
209 : #2b90ee : -6
210 : #2b8cee : -5
211 : #2b89ee : -4
212 : #2b86ee : -3
213 : #2b82ee : -2
214 : #2b7fee : -1
215 : #2b7cee : ±0
216 : #2b79ee : +1
217 : #2b75ee : +2
218 : #2b72ee : +3
219 : #2b6fee : +4
220 : #2b6cee : +5
221 : #2b68ee : +6
222 : #2b65ee : +7
223 : #2b62ee : +8
224 : #2b5fee : +9
225 : #2b5bee : +10
S : 彩度 ( 85% )
(0%) 渋い ~ 鮮やか (100%)
1 : #8b8c8d : -84
3 : #898c90 : -82
5 : #878b92 : -80
7 : #848b94 : -78
9 : #828b97 : -76
11 : #808a99 : -74
13 : #7d8a9b : -72
15 : #7b899d : -70
17 : #7989a0 : -68
19 : #7689a2 : -66
21 : #7488a4 : -64
23 : #7288a7 : -62
25 : #7087a9 : -60
27 : #6d87ab : -58
29 : #6b87ae : -56
31 : #6986b0 : -54
33 : #6686b2 : -52
35 : #6486b4 : -50
37 : #6285b7 : -48
39 : #5f85b9 : -46
41 : #5d84bb : -44
43 : #5b84be : -42
45 : #5984c0 : -40
47 : #5683c2 : -38
49 : #5483c4 : -36
51 : #5282c7 : -34
53 : #4f82c9 : -32
55 : #4d82cb : -30
57 : #4b81ce : -28
59 : #4981d0 : -26
61 : #4681d2 : -24
63 : #4480d5 : -22
65 : #4280d7 : -20
67 : #3f7fd9 : -18
69 : #3d7fdb : -16
71 : #3b7fde : -14
73 : #387ee0 : -12
75 : #367ee2 : -10
77 : #347ee5 : -8
79 : #327de7 : -6
81 : #2f7de9 : -4
83 : #2d7ceb : -2
85 : #2b7cee : ±0
87 : #287cf0 : +2
89 : #267bf2 : +4
91 : #247bf5 : +6
93 : #227af7 : +8
95 : #1f7af9 : +10
97 : #1d7afc : +12
99 : #1b79fe : +14
L : 明度 ( 55% )
(0%) 暗い ~ 明るい (100%)
1 : #000205 : -54
3 : #01070e : -52
5 : #020b18 : -50
7 : #030f21 : -48
9 : #03142a : -46
11 : #041834 : -44
13 : #051c3d : -42
15 : #062147 : -40
17 : #072550 : -38
19 : #072a5a : -36
21 : #082e63 : -34
23 : #09326d : -32
25 : #0a3776 : -30
27 : #0a3b7f : -28
29 : #0b3f89 : -26
31 : #0c4492 : -24
33 : #0d489c : -22
35 : #0d4da5 : -20
37 : #0e51af : -18
39 : #0f55b8 : -16
41 : #105ac1 : -14
43 : #105ecb : -12
45 : #1162d4 : -10
47 : #1267de : -8
49 : #136be7 : -6
51 : #1870ec : -4
53 : #2176ed : -2
55 : #2b7cee : ±0
57 : #3482ef : +2
59 : #3e88ef : +4
61 : #478df0 : +6
63 : #5093f1 : +8
65 : #5a99f2 : +10
67 : #639ff2 : +12
69 : #6da5f3 : +14
71 : #76abf4 : +16
73 : #80b0f5 : +18
75 : #89b6f5 : +20
77 : #92bcf6 : +22
79 : #9cc2f7 : +24
81 : #a5c8f8 : +26
83 : #afcef8 : +28
85 : #b8d3f9 : +30
87 : #c2d9fa : +32
89 : #cbdffb : +34
91 : #d5e5fc : +36
93 : #deebfc : +38
95 : #e7f0fd : +40
97 : #f1f6fe : +42
99 : #fafcff : +44
CSS入門、作ってます。
text-shadow