#747ae7
RGB
| 赤 | 116 |
|---|---|
| 緑 | 122 |
| 青 | 231 |
HSL
| 色相 | 237° |
|---|---|
| 彩度 | 71% |
| 明度 | 68% |
| 輝度 | 52% |
３桁の色
補色
反転色
RGB ( 赤 = 116, 緑 = 122, 青 = 231 )
HSL ( 色相 = 237°, 彩度 = 71%, 明度 = 68% )
H : 色相 ( 237° )
(0°) 赤～黄～緑～青～紫 (359°)
7 : #e78173 : -230
17 : #e79473 : -220
27 : #e7a873 : -210
37 : #e7bb73 : -200
47 : #e7ce73 : -190
57 : #e7e273 : -180
67 : #dae773 : -170
77 : #c7e773 : -160
87 : #b3e773 : -150
97 : #a0e773 : -140
107 : #8de773 : -130
117 : #79e773 : -120
127 : #73e781 : -110
137 : #73e794 : -100
147 : #73e7a8 : -90
157 : #73e7bb : -80
167 : #73e7ce : -70
177 : #73e7e2 : -60
187 : #73dae7 : -50
197 : #73c7e7 : -40
207 : #73b3e7 : -30
217 : #73a0e7 : -20
227 : #738de7 : -10
237 : #7379e7 : ±0
247 : #8173e7 : +10
257 : #9473e7 : +20
267 : #a873e7 : +30
277 : #bb73e7 : +40
287 : #ce73e7 : +50
297 : #e273e7 : +60
307 : #e773da : +70
317 : #e773c7 : +80
327 : #e773b3 : +90
337 : #e773a0 : +100
347 : #e7738d : +110
357 : #e77379 : +120
227 : #738de7 : -10
228 : #738be7 : -9
229 : #7389e7 : -8
230 : #7387e7 : -7
231 : #7385e7 : -6
232 : #7383e7 : -5
233 : #7381e7 : -4
234 : #737fe7 : -3
235 : #737de7 : -2
236 : #737be7 : -1
237 : #7379e7 : ±0
238 : #7377e7 : +1
239 : #7375e7 : +2
240 : #7373e7 : +3
241 : #7573e7 : +4
242 : #7773e7 : +5
243 : #7973e7 : +6
244 : #7b73e7 : +7
245 : #7d73e7 : +8
246 : #7f73e7 : +9
247 : #8173e7 : +10
S : 彩度 ( 71% )
(0%) 渋い ～ 鮮やか (100%)
1 : #adadae : -70
3 : #ababb0 : -68
5 : #a9aab1 : -66
7 : #a8a8b3 : -64
9 : #a6a7b5 : -62
11 : #a4a5b6 : -60
13 : #a3a4b8 : -58
15 : #a1a2ba : -56
17 : #a0a1bb : -54
19 : #9e9fbd : -52
21 : #9c9ebf : -50
23 : #9b9dc0 : -48
25 : #999bc2 : -46
27 : #979ac3 : -44
29 : #9698c5 : -42
31 : #9497c7 : -40
33 : #9295c8 : -38
35 : #9194ca : -36
37 : #8f92cc : -34
39 : #8e91cd : -32
41 : #8c8fcf : -30
43 : #8a8ed0 : -28
45 : #898cd2 : -26
47 : #878bd4 : -24
49 : #8589d5 : -22
51 : #8488d7 : -20
53 : #8286d9 : -18
55 : #8185da : -16
57 : #7f84dc : -14
59 : #7d82de : -12
61 : #7c81df : -10
63 : #7a7fe1 : -8
65 : #787ee2 : -6
67 : #777ce4 : -4
69 : #757be6 : -2
71 : #7379e7 : ±0
73 : #7278e9 : +2
75 : #7076eb : +4
77 : #6f75ec : +6
79 : #6d73ee : +8
81 : #6b72ef : +10
83 : #6a70f1 : +12
85 : #686ff3 : +14
87 : #666ef4 : +16
89 : #656cf6 : +18
91 : #636bf8 : +20
93 : #6269f9 : +22
95 : #6068fb : +24
97 : #5e66fd : +26
99 : #5d65fe : +28
L : 明度 ( 68% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -68
2 : #010209 : -66
4 : #030411 : -64
6 : #04061a : -62
8 : #060723 : -60
10 : #07092c : -58
12 : #090b34 : -56
14 : #0a0d3d : -54
16 : #0c0f46 : -52
18 : #0d114e : -50
20 : #0f1257 : -48
22 : #101460 : -46
24 : #121669 : -44
26 : #131871 : -42
28 : #151a7a : -40
30 : #161c83 : -38
32 : #181d8c : -36
34 : #191f94 : -34
36 : #1b219d : -32
38 : #1c23a6 : -30
40 : #1e25ae : -28
42 : #1f27b7 : -26
44 : #2129c0 : -24
46 : #222ac9 : -22
48 : #232cd1 : -20
50 : #252eda : -18
52 : #2e36dc : -16
54 : #363fdd : -14
56 : #3f47de : -12
58 : #484fe0 : -10
60 : #5158e1 : -8
62 : #5960e3 : -6
64 : #6269e4 : -4
66 : #6b71e6 : -2
68 : #7379e7 : ±0
70 : #7c82e9 : +2
72 : #858aea : +4
74 : #8e92ec : +6
76 : #969bed : +8
78 : #9fa3ef : +10
80 : #a8abf0 : +12
82 : #b1b4f2 : +14
84 : #b9bcf3 : +16
86 : #c2c4f5 : +18
88 : #cbcdf6 : +20
90 : #d3d5f8 : +22
92 : #dcdef9 : +24
94 : #e5e6fb : +26
96 : #eeeefc : +28
98 : #f6f7fe : +30
100 : #ffffff : +32
CSS入門、作ってます。
text-shadow