#a55dfe
RGB
| 赤 | 165 |
|---|---|
| 緑 | 93 |
| 青 | 254 |
HSL
| 色相 | 267° |
|---|---|
| 彩度 | 99% |
| 明度 | 68% |
| 輝度 | 52% |
３桁の色
補色
反転色
RGB ( 赤 = 165, 緑 = 93, 青 = 254 )
HSL ( 色相 = 267°, 彩度 = 99%, 明度 = 68% )
H : 色相 ( 267° )
(0°) 赤～黄～緑～青～紫 (359°)
7 : #fe6f5d : -260
17 : #fe8a5d : -250
27 : #fea55d : -240
37 : #fec05d : -230
47 : #fedb5d : -220
57 : #fef65d : -210
67 : #ebfe5d : -200
77 : #d0fe5d : -190
87 : #b5fe5d : -180
97 : #9bfe5d : -170
107 : #80fe5d : -160
117 : #65fe5d : -150
127 : #5dfe6f : -140
137 : #5dfe8a : -130
147 : #5dfea5 : -120
157 : #5dfec0 : -110
167 : #5dfedb : -100
177 : #5dfef6 : -90
187 : #5debfe : -80
197 : #5dd0fe : -70
207 : #5db5fe : -60
217 : #5d9bfe : -50
227 : #5d80fe : -40
237 : #5d65fe : -30
247 : #6f5dfe : -20
257 : #8a5dfe : -10
267 : #a55dfe : ±0
277 : #c05dfe : +10
287 : #db5dfe : +20
297 : #f65dfe : +30
307 : #fe5deb : +40
317 : #fe5dd0 : +50
327 : #fe5db5 : +60
337 : #fe5d9b : +70
347 : #fe5d80 : +80
357 : #fe5d65 : +90
257 : #8a5dfe : -10
258 : #8d5dfe : -9
259 : #905dfe : -8
260 : #925dfe : -7
261 : #955dfe : -6
262 : #985dfe : -5
263 : #9b5dfe : -4
264 : #9d5dfe : -3
265 : #a05dfe : -2
266 : #a35dfe : -1
267 : #a55dfe : ±0
268 : #a85dfe : +1
269 : #ab5dfe : +2
270 : #ad5dfe : +3
271 : #b05dfe : +4
272 : #b35dfe : +5
273 : #b55dfe : +6
274 : #b85dfe : +7
275 : #bb5dfe : +8
276 : #be5dfe : +9
277 : #c05dfe : +10
S : 彩度 ( 99% )
(0%) 渋い ～ 鮮やか (100%)
1 : #adadae : -98
3 : #adabb0 : -96
5 : #ada9b1 : -94
7 : #ada8b3 : -92
9 : #ada6b5 : -90
11 : #ada4b6 : -88
13 : #aca3b8 : -86
15 : #aca1ba : -84
17 : #aca0bb : -82
19 : #ac9ebd : -80
21 : #ac9cbf : -78
23 : #ac9bc0 : -76
25 : #ab99c2 : -74
27 : #ab97c3 : -72
29 : #ab96c5 : -70
31 : #ab94c7 : -68
33 : #ab92c8 : -66
35 : #ab91ca : -64
37 : #aa8fcc : -62
39 : #aa8ecd : -60
41 : #aa8ccf : -58
43 : #aa8ad0 : -56
45 : #aa89d2 : -54
47 : #aa87d4 : -52
49 : #a985d5 : -50
51 : #a984d7 : -48
53 : #a982d9 : -46
55 : #a981da : -44
57 : #a97fdc : -42
59 : #a97dde : -40
61 : #a87cdf : -38
63 : #a87ae1 : -36
65 : #a878e2 : -34
67 : #a877e4 : -32
69 : #a875e6 : -30
71 : #a873e7 : -28
73 : #a772e9 : -26
75 : #a770eb : -24
77 : #a76fec : -22
79 : #a76dee : -20
81 : #a76bef : -18
83 : #a76af1 : -16
85 : #a668f3 : -14
87 : #a666f4 : -12
89 : #a665f6 : -10
91 : #a663f8 : -8
93 : #a662f9 : -6
95 : #a660fb : -4
97 : #a55efd : -2
99 : #a55dfe : ±0
L : 明度 ( 68% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -68
2 : #05000a : -66
4 : #090014 : -64
6 : #0e001e : -62
8 : #120029 : -60
10 : #170033 : -58
12 : #1c003d : -56
14 : #200047 : -54
16 : #250051 : -52
18 : #29005b : -50
20 : #2e0165 : -48
22 : #330170 : -46
24 : #37017a : -44
26 : #3c0184 : -42
28 : #40018e : -40
30 : #450198 : -38
32 : #4a01a2 : -36
34 : #4e01ad : -34
36 : #5301b7 : -32
38 : #5701c1 : -30
40 : #5c01cb : -28
42 : #6001d5 : -26
44 : #6501df : -24
46 : #6a01e9 : -22
48 : #6e01f4 : -20
50 : #7301fe : -18
52 : #780bfe : -16
54 : #7e16fe : -14
56 : #8420fe : -12
58 : #892afe : -10
60 : #8f34fe : -8
62 : #953efe : -6
64 : #9a48fe : -4
66 : #a052fe : -2
68 : #a55dfe : ±0
70 : #ab67fe : +2
72 : #b171fe : +4
74 : #b67bfe : +6
76 : #bc85fe : +8
78 : #c18ffe : +10
80 : #c79afe : +12
82 : #cda4ff : +14
84 : #d2aeff : +16
86 : #d8b8ff : +18
88 : #ddc2ff : +20
90 : #e3ccff : +22
92 : #e9d6ff : +24
94 : #eee1ff : +26
96 : #f4ebff : +28
98 : #f9f5ff : +30
100 : #ffffff : +32
CSS入門、作ってます。
text-shadow