#4faef8
RGB
赤 | 79 |
---|---|
緑 | 174 |
青 | 248 |
HSL
色相 | 206° |
---|---|
彩度 | 92% |
明度 | 64% |
輝度 | 60% |
3桁の色
補色
反転色
RGB ( 赤 = 79, 緑 = 174, 青 = 248 )
HSL ( 色相 = 206°, 彩度 = 92%, 明度 = 64% )
H : 色相 ( 206° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #f8604f : -200
16 : #f87c4f : -190
26 : #f8984f : -180
36 : #f8b44f : -170
46 : #f8d04f : -160
56 : #f8ec4f : -150
66 : #e7f84f : -140
76 : #cbf84f : -130
86 : #aef84f : -120
96 : #92f84f : -110
106 : #76f84f : -100
116 : #5af84f : -90
126 : #4ff860 : -80
136 : #4ff87c : -70
146 : #4ff898 : -60
156 : #4ff8b4 : -50
166 : #4ff8d0 : -40
176 : #4ff8ec : -30
186 : #4fe7f8 : -20
196 : #4fcbf8 : -10
206 : #4faef8 : ±0
216 : #4f92f8 : +10
226 : #4f76f8 : +20
236 : #4f5af8 : +30
246 : #604ff8 : +40
256 : #7c4ff8 : +50
266 : #984ff8 : +60
276 : #b44ff8 : +70
286 : #d04ff8 : +80
296 : #ec4ff8 : +90
306 : #f84fe7 : +100
316 : #f84fcb : +110
326 : #f84fae : +120
336 : #f84f92 : +130
346 : #f84f76 : +140
356 : #f84f5a : +150
196 : #4fcbf8 : -10
197 : #4fc8f8 : -9
198 : #4fc5f8 : -8
199 : #4fc2f8 : -7
200 : #4fbff8 : -6
201 : #4fbdf8 : -5
202 : #4fbaf8 : -4
203 : #4fb7f8 : -3
204 : #4fb4f8 : -2
205 : #4fb1f8 : -1
206 : #4faef8 : ±0
207 : #4facf8 : +1
208 : #4fa9f8 : +2
209 : #4fa6f8 : +3
210 : #4fa3f8 : +4
211 : #4fa0f8 : +5
212 : #4f9ef8 : +6
213 : #4f9bf8 : +7
214 : #4f98f8 : +8
215 : #4f95f8 : +9
216 : #4f92f8 : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #a3a3a3 : -92
2 : #a1a3a5 : -90
4 : #a0a4a7 : -88
6 : #9ea4a9 : -86
8 : #9ca4ab : -84
10 : #9aa4ac : -82
12 : #98a5ae : -80
14 : #96a5b0 : -78
16 : #95a5b2 : -76
18 : #93a5b4 : -74
20 : #91a6b6 : -72
22 : #8fa6b7 : -70
24 : #8da6b9 : -68
26 : #8ba6bb : -66
28 : #89a7bd : -64
30 : #88a7bf : -62
32 : #86a7c1 : -60
34 : #84a7c2 : -58
36 : #82a8c4 : -56
38 : #80a8c6 : -54
40 : #7ea8c8 : -52
42 : #7da8ca : -50
44 : #7ba9cc : -48
46 : #79a9cd : -46
48 : #77a9cf : -44
50 : #75a9d1 : -42
52 : #73aad3 : -40
54 : #72aad5 : -38
56 : #70aad7 : -36
58 : #6eaad8 : -34
60 : #6cabda : -32
62 : #6aabdc : -30
64 : #68abde : -28
66 : #67abe0 : -26
68 : #65ace2 : -24
70 : #63ace3 : -22
72 : #61ace5 : -20
74 : #5face7 : -18
76 : #5dade9 : -16
78 : #5cadeb : -14
80 : #5aaded : -12
82 : #58adee : -10
84 : #56adf0 : -8
86 : #54aef2 : -6
88 : #52aef4 : -4
90 : #51aef6 : -2
92 : #4faef8 : ±0
94 : #4daff9 : +2
96 : #4baffb : +4
98 : #49affd : +6
100 : #47afff : +8
L : 明度 ( 64% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -64
2 : #00060a : -62
4 : #010b14 : -60
6 : #01111d : -58
8 : #021727 : -56
10 : #021d31 : -54
12 : #02223b : -52
14 : #032845 : -50
16 : #032e4e : -48
18 : #043458 : -46
20 : #043962 : -44
22 : #043f6c : -42
24 : #054576 : -40
26 : #054a7f : -38
28 : #065089 : -36
30 : #065693 : -34
32 : #075c9d : -32
34 : #0761a6 : -30
36 : #0767b0 : -28
38 : #086dba : -26
40 : #0873c4 : -24
42 : #0978ce : -22
44 : #097ed7 : -20
46 : #0984e1 : -18
48 : #0a89eb : -16
50 : #0a8ff5 : -14
52 : #1494f5 : -12
54 : #1e98f6 : -10
56 : #289df6 : -8
58 : #31a1f6 : -6
60 : #3ba6f7 : -4
62 : #45aaf7 : -2
64 : #4faef8 : ±0
66 : #59b3f8 : +2
68 : #62b7f8 : +4
70 : #6cbcf9 : +6
72 : #76c0f9 : +8
74 : #80c5fa : +10
76 : #89c9fa : +12
78 : #93cefb : +14
80 : #9dd2fb : +16
82 : #a7d7fb : +18
84 : #b1dbfc : +20
86 : #bae0fc : +22
88 : #c4e4fd : +24
90 : #cee9fd : +26
92 : #d8edfd : +28
94 : #e2f2fe : +30
96 : #ebf6fe : +32
98 : #f5fbff : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow