#45aafc
RGB
赤 | 69 |
---|---|
緑 | 170 |
青 | 252 |
HSL
色相 | 207° |
---|---|
彩度 | 97% |
明度 | 63% |
輝度 | 58% |
3桁の色
補色
反転色
RGB ( 赤 = 69, 緑 = 170, 青 = 252 )
HSL ( 色相 = 207°, 彩度 = 97%, 明度 = 63% )
H : 色相 ( 207° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #fc5a45 : -200
17 : #fc7945 : -190
27 : #fc9745 : -180
37 : #fcb645 : -170
47 : #fcd545 : -160
57 : #fcf345 : -150
67 : #e7fc45 : -140
77 : #c8fc45 : -130
87 : #aafc45 : -120
97 : #8bfc45 : -110
107 : #6dfc45 : -100
117 : #4efc45 : -90
127 : #45fc5a : -80
137 : #45fc79 : -70
147 : #45fc97 : -60
157 : #45fcb6 : -50
167 : #45fcd5 : -40
177 : #45fcf3 : -30
187 : #45e7fc : -20
197 : #45c8fc : -10
207 : #45aafc : ±0
217 : #458bfc : +10
227 : #456dfc : +20
237 : #454efc : +30
247 : #5a45fc : +40
257 : #7945fc : +50
267 : #9745fc : +60
277 : #b645fc : +70
287 : #d545fc : +80
297 : #f345fc : +90
307 : #fc45e7 : +100
317 : #fc45c8 : +110
327 : #fc45aa : +120
337 : #fc458b : +130
347 : #fc456d : +140
357 : #fc454e : +150
197 : #45c8fc : -10
198 : #45c5fc : -9
199 : #45c2fc : -8
200 : #45bffc : -7
201 : #45bcfc : -6
202 : #45b9fc : -5
203 : #45b6fc : -4
204 : #45b3fc : -3
205 : #45b0fc : -2
206 : #45adfc : -1
207 : #45aafc : ±0
208 : #45a7fc : +1
209 : #45a4fc : +2
210 : #45a1fc : +3
211 : #459efc : +4
212 : #459bfc : +5
213 : #4597fc : +6
214 : #4594fc : +7
215 : #4591fc : +8
216 : #458efc : +9
217 : #458bfc : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a0a1a2 : -96
3 : #9ea1a3 : -94
5 : #9ca1a5 : -92
7 : #9aa1a7 : -90
9 : #98a1a9 : -88
11 : #96a2ab : -86
13 : #94a2ad : -84
15 : #92a2af : -82
17 : #91a2b1 : -80
19 : #8fa2b3 : -78
21 : #8da3b4 : -76
23 : #8ba3b6 : -74
25 : #89a3b8 : -72
27 : #87a3ba : -70
29 : #85a3bc : -68
31 : #83a4be : -66
33 : #82a4c0 : -64
35 : #80a4c2 : -62
37 : #7ea4c4 : -60
39 : #7ca4c5 : -58
41 : #7aa5c7 : -56
43 : #78a5c9 : -54
45 : #76a5cb : -52
47 : #74a5cd : -50
49 : #72a5cf : -48
51 : #71a5d1 : -46
53 : #6fa6d3 : -44
55 : #6da6d5 : -42
57 : #6ba6d6 : -40
59 : #69a6d8 : -38
61 : #67a6da : -36
63 : #65a7dc : -34
65 : #63a7de : -32
67 : #61a7e0 : -30
69 : #60a7e2 : -28
71 : #5ea7e4 : -26
73 : #5ca8e6 : -24
75 : #5aa8e7 : -22
77 : #58a8e9 : -20
79 : #56a8eb : -18
81 : #54a8ed : -16
83 : #52a8ef : -14
85 : #50a9f1 : -12
87 : #4fa9f3 : -10
89 : #4da9f5 : -8
91 : #4ba9f7 : -6
93 : #49a9f8 : -4
95 : #47aafa : -2
97 : #45aafc : ±0
99 : #43aafe : +2
L : 明度 ( 63% )
(0%) 暗い ~ 明るい (100%)
1 : #000305 : -62
3 : #00080f : -60
5 : #000e19 : -58
7 : #011423 : -56
9 : #01192d : -54
11 : #011f37 : -52
13 : #012441 : -50
15 : #012a4b : -48
17 : #013055 : -46
19 : #01355f : -44
21 : #023b69 : -42
23 : #024074 : -40
25 : #02467e : -38
27 : #024c88 : -36
29 : #025192 : -34
31 : #02579c : -32
33 : #035ca6 : -30
35 : #0362b0 : -28
37 : #0368ba : -26
39 : #036dc4 : -24
41 : #0373ce : -22
43 : #0378d8 : -20
45 : #037ee2 : -18
47 : #0483ec : -16
49 : #0489f6 : -14
51 : #098efb : -12
53 : #1393fb : -10
55 : #1d97fc : -8
57 : #279cfc : -6
59 : #31a1fc : -4
61 : #3ba5fc : -2
63 : #45aafc : ±0
65 : #4faefc : +2
67 : #59b3fc : +4
69 : #63b8fd : +6
71 : #6dbcfd : +8
73 : #77c1fd : +10
75 : #81c5fd : +12
77 : #8bcafd : +14
79 : #96cffd : +16
81 : #a0d3fe : +18
83 : #aad8fe : +20
85 : #b4dcfe : +22
87 : #bee1fe : +24
89 : #c8e6fe : +26
91 : #d2eafe : +28
93 : #dceffe : +30
95 : #e6f3ff : +32
97 : #f0f8ff : +34
99 : #fafdff : +36
CSS入門、作ってます。
text-shadow