#f53ddf
RGB
| 赤 | 245 |
|---|---|
| 緑 | 61 |
| 青 | 223 |
HSL
| 色相 | 307° |
|---|---|
| 彩度 | 90% |
| 明度 | 60% |
| 輝度 | 53% |
３桁の色
補色
反転色
RGB ( 赤 = 245, 緑 = 61, 青 = 223 )
HSL ( 色相 = 307°, 彩度 = 90%, 明度 = 60% )
H : 色相 ( 307° )
(0°) 赤～黄～緑～青～紫 (359°)
7 : #f5533d : -300
17 : #f5713d : -290
27 : #f5903d : -280
37 : #f5ae3d : -270
47 : #f5cd3d : -260
57 : #f5ec3d : -250
67 : #dff53d : -240
77 : #c1f53d : -230
87 : #a2f53d : -220
97 : #84f53d : -210
107 : #65f53d : -200
117 : #46f53d : -190
127 : #3df553 : -180
137 : #3df571 : -170
147 : #3df590 : -160
157 : #3df5ae : -150
167 : #3df5cd : -140
177 : #3df5ec : -130
187 : #3ddff5 : -120
197 : #3dc1f5 : -110
207 : #3da2f5 : -100
217 : #3d84f5 : -90
227 : #3d65f5 : -80
237 : #3d46f5 : -70
247 : #533df5 : -60
257 : #713df5 : -50
267 : #903df5 : -40
277 : #ae3df5 : -30
287 : #cd3df5 : -20
297 : #ec3df5 : -10
307 : #f53ddf : ±0
317 : #f53dc1 : +10
327 : #f53da2 : +20
337 : #f53d84 : +30
347 : #f53d65 : +40
357 : #f53d46 : +50
297 : #ec3df5 : -10
298 : #ef3df5 : -9
299 : #f23df5 : -8
300 : #f53df5 : -7
301 : #f53df2 : -6
302 : #f53def : -5
303 : #f53dec : -4
304 : #f53de9 : -3
305 : #f53de6 : -2
306 : #f53de2 : -1
307 : #f53ddf : ±0
308 : #f53ddc : +1
309 : #f53dd9 : +2
310 : #f53dd6 : +3
311 : #f53dd3 : +4
312 : #f53dd0 : +5
313 : #f53dcd : +6
314 : #f53dca : +7
315 : #f53dc7 : +8
316 : #f53dc4 : +9
317 : #f53dc1 : +10
S : 彩度 ( 90% )
(0%) 渋い ～ 鮮やか (100%)
0 : #999999 : -90
2 : #9b979b : -88
4 : #9d959c : -86
6 : #9f939e : -84
8 : #a1919f : -82
10 : #a38fa1 : -80
12 : #a58da2 : -78
14 : #a78ba4 : -76
16 : #a989a6 : -74
18 : #ab87a7 : -72
20 : #ad85a9 : -70
22 : #af83aa : -68
24 : #b181ac : -66
26 : #b47ead : -64
28 : #b67caf : -62
30 : #b87ab0 : -60
32 : #ba78b2 : -58
34 : #bc76b4 : -56
36 : #be74b5 : -54
38 : #c072b7 : -52
40 : #c270b8 : -50
42 : #c46eba : -48
44 : #c66cbb : -46
46 : #c86abd : -44
48 : #ca68bf : -42
50 : #cc66c0 : -40
52 : #ce64c2 : -38
54 : #d062c3 : -36
56 : #d260c5 : -34
58 : #d45ec6 : -32
60 : #d65cc8 : -30
62 : #d85ac9 : -28
64 : #da58cb : -26
66 : #dc56cd : -24
68 : #de54ce : -22
70 : #e052d0 : -20
72 : #e250d1 : -18
74 : #e44ed3 : -16
76 : #e74bd4 : -14
78 : #e949d6 : -12
80 : #eb47d8 : -10
82 : #ed45d9 : -8
84 : #ef43db : -6
86 : #f141dc : -4
88 : #f33fde : -2
90 : #f53ddf : ±0
92 : #f73be1 : +2
94 : #f939e3 : +4
96 : #fb37e4 : +6
98 : #fd35e6 : +8
100 : #ff33e7 : +10
L : 明度 ( 60% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -60
2 : #0a0109 : -58
4 : #130111 : -56
6 : #1d021a : -54
8 : #270222 : -52
10 : #30032b : -50
12 : #3a0334 : -48
14 : #44043c : -46
16 : #4e0445 : -44
18 : #57054e : -42
20 : #610556 : -40
22 : #6b065f : -38
24 : #740667 : -36
26 : #7e0770 : -34
28 : #880779 : -32
30 : #910881 : -30
32 : #9b088a : -28
34 : #a50993 : -26
36 : #ae099b : -24
38 : #b80aa4 : -22
40 : #c20aac : -20
42 : #cb0bb5 : -18
44 : #d50bbe : -16
46 : #df0cc6 : -14
48 : #e90ccf : -12
50 : #f20dd7 : -10
52 : #f316d9 : -8
54 : #f320db : -6
56 : #f42adc : -4
58 : #f434de : -2
60 : #f53ddf : ±0
62 : #f547e1 : +2
64 : #f651e3 : +4
66 : #f65ae4 : +6
68 : #f764e6 : +8
70 : #f76ee7 : +10
72 : #f877e9 : +12
74 : #f881ea : +14
76 : #f98bec : +16
78 : #f994ee : +18
80 : #fa9eef : +20
82 : #faa8f1 : +22
84 : #fbb1f2 : +24
86 : #fbbbf4 : +26
88 : #fcc5f6 : +28
90 : #fccff7 : +30
92 : #fdd8f9 : +32
94 : #fde2fa : +34
96 : #feecfc : +36
98 : #fef5fd : +38
100 : #ffffff : +40
CSS入門、作ってます。
text-shadow