#728cd5
RGB
| 赤 | 114 |
|---|---|
| 緑 | 140 |
| 青 | 213 |
HSL
| 色相 | 224° |
|---|---|
| 彩度 | 54% |
| 明度 | 64% |
| 輝度 | 55% |
３桁の色
補色
反転色
RGB ( 赤 = 114, 緑 = 140, 青 = 213 )
HSL ( 色相 = 224°, 彩度 = 54%, 明度 = 64% )
H : 色相 ( 224° )
(0°) 赤～黄～緑～青～紫 (359°)
4 : #d57872 : -220
14 : #d58972 : -210
24 : #d59972 : -200
34 : #d5aa72 : -190
44 : #d5ba72 : -180
54 : #d5cb72 : -170
64 : #ced572 : -160
74 : #bed572 : -150
84 : #add572 : -140
94 : #9dd572 : -130
104 : #8cd572 : -120
114 : #7cd572 : -110
124 : #72d578 : -100
134 : #72d589 : -90
144 : #72d599 : -80
154 : #72d5aa : -70
164 : #72d5ba : -60
174 : #72d5cb : -50
184 : #72ced5 : -40
194 : #72bed5 : -30
204 : #72add5 : -20
214 : #729dd5 : -10
224 : #728cd5 : ±0
234 : #727cd5 : +10
244 : #7872d5 : +20
254 : #8972d5 : +30
264 : #9972d5 : +40
274 : #aa72d5 : +50
284 : #ba72d5 : +60
294 : #cb72d5 : +70
304 : #d572ce : +80
314 : #d572be : +90
324 : #d572ad : +100
334 : #d5729d : +110
344 : #d5728c : +120
354 : #d5727c : +130
214 : #729dd5 : -10
215 : #729bd5 : -9
216 : #7299d5 : -8
217 : #7298d5 : -7
218 : #7296d5 : -6
219 : #7294d5 : -5
220 : #7293d5 : -4
221 : #7291d5 : -3
222 : #728fd5 : -2
223 : #728ed5 : -1
224 : #728cd5 : ±0
225 : #728ad5 : +1
226 : #7289d5 : +2
227 : #7287d5 : +3
228 : #7285d5 : +4
229 : #7284d5 : +5
230 : #7282d5 : +6
231 : #7280d5 : +7
232 : #727fd5 : +8
233 : #727dd5 : +9
234 : #727cd5 : +10
S : 彩度 ( 54% )
(0%) 渋い ～ 鮮やか (100%)
0 : #a3a3a3 : -54
2 : #a1a2a5 : -52
4 : #a0a1a7 : -50
6 : #9ea1a9 : -48
8 : #9ca0ab : -46
10 : #9a9fac : -44
12 : #989eae : -42
14 : #969db0 : -40
16 : #959cb2 : -38
18 : #939bb4 : -36
20 : #919bb6 : -34
22 : #8f9ab7 : -32
24 : #8d99b9 : -30
26 : #8b98bb : -28
28 : #8997bd : -26
30 : #8896bf : -24
32 : #8695c1 : -22
34 : #8495c2 : -20
36 : #8294c4 : -18
38 : #8093c6 : -16
40 : #7e92c8 : -14
42 : #7d91ca : -12
44 : #7b90cc : -10
46 : #798fcd : -8
48 : #778fcf : -6
50 : #758ed1 : -4
52 : #738dd3 : -2
54 : #728cd5 : ±0
56 : #708bd7 : +2
58 : #6e8ad8 : +4
60 : #6c89da : +6
62 : #6a89dc : +8
64 : #6888de : +10
66 : #6787e0 : +12
68 : #6586e2 : +14
70 : #6385e3 : +16
72 : #6184e5 : +18
74 : #5f83e7 : +20
76 : #5d83e9 : +22
78 : #5c82eb : +24
80 : #5a81ed : +26
82 : #5880ee : +28
84 : #567ff0 : +30
86 : #547ef2 : +32
88 : #527ef4 : +34
90 : #517df6 : +36
92 : #4f7cf8 : +38
94 : #4d7bf9 : +40
96 : #4b7afb : +42
98 : #4979fd : +44
100 : #4778ff : +46
L : 明度 ( 64% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -64
2 : #020408 : -62
4 : #050810 : -60
6 : #070b18 : -58
8 : #090f1f : -56
10 : #0c1327 : -54
12 : #0e172f : -52
14 : #101b37 : -50
16 : #131f3f : -48
18 : #152247 : -46
20 : #17264f : -44
22 : #1a2a56 : -42
24 : #1c2e5e : -40
26 : #1e3266 : -38
28 : #21356e : -36
30 : #233976 : -34
32 : #263d7e : -32
34 : #284186 : -30
36 : #2a458d : -28
38 : #2d4895 : -26
40 : #2f4c9d : -24
42 : #3150a5 : -22
44 : #3454ad : -20
46 : #3658b5 : -18
48 : #385cbc : -16
50 : #3b5fc4 : -14
52 : #4366c7 : -12
54 : #4a6cc9 : -10
56 : #5273cb : -8
58 : #5a79ce : -6
60 : #627fd0 : -4
62 : #6a86d2 : -2
64 : #728cd5 : ±0
66 : #7992d7 : +2
68 : #8199d9 : +4
70 : #899fdc : +6
72 : #91a6de : +8
74 : #99ace1 : +10
76 : #a1b2e3 : +12
78 : #a9b9e5 : +14
80 : #b0bfe8 : +16
82 : #b8c6ea : +18
84 : #c0ccec : +20
86 : #c8d2ef : +22
88 : #d0d9f1 : +24
90 : #d8dff3 : +26
92 : #e0e5f6 : +28
94 : #e7ecf8 : +30
96 : #eff2fa : +32
98 : #f7f9fd : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow