#1731fe
RGB
赤 | 23 |
---|---|
緑 | 49 |
青 | 254 |
HSL
色相 | 233° |
---|---|
彩度 | 99% |
明度 | 54% |
輝度 | 25% |
3桁の色
補色
反転色
RGB ( 赤 = 23, 緑 = 49, 青 = 254 )
HSL ( 色相 = 233°, 彩度 = 99%, 明度 = 54% )
H : 色相 ( 233° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #fe2116 : -230
13 : #fe4816 : -220
23 : #fe6f16 : -210
33 : #fe9516 : -200
43 : #febc16 : -190
53 : #fee316 : -180
63 : #f2fe16 : -170
73 : #ccfe16 : -160
83 : #a5fe16 : -150
93 : #7efe16 : -140
103 : #57fe16 : -130
113 : #31fe16 : -120
123 : #16fe21 : -110
133 : #16fe48 : -100
143 : #16fe6f : -90
153 : #16fe95 : -80
163 : #16febc : -70
173 : #16fee3 : -60
183 : #16f2fe : -50
193 : #16ccfe : -40
203 : #16a5fe : -30
213 : #167efe : -20
223 : #1657fe : -10
233 : #1631fe : ±0
243 : #2116fe : +10
253 : #4816fe : +20
263 : #6f16fe : +30
273 : #9516fe : +40
283 : #bc16fe : +50
293 : #e316fe : +60
303 : #fe16f2 : +70
313 : #fe16cc : +80
323 : #fe16a5 : +90
333 : #fe167e : +100
343 : #fe1657 : +110
353 : #fe1631 : +120
223 : #1657fe : -10
224 : #1654fe : -9
225 : #1650fe : -8
226 : #164cfe : -7
227 : #1648fe : -6
228 : #1644fe : -5
229 : #1640fe : -4
230 : #163cfe : -3
231 : #1638fe : -2
232 : #1635fe : -1
233 : #1631fe : ±0
234 : #162dfe : +1
235 : #1629fe : +2
236 : #1625fe : +3
237 : #1621fe : +4
238 : #161dfe : +5
239 : #1619fe : +6
240 : #1616fe : +7
241 : #1916fe : +8
242 : #1d16fe : +9
243 : #2116fe : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #89898b : -98
3 : #86878d : -96
5 : #848590 : -94
7 : #818392 : -92
9 : #7f8294 : -90
11 : #7d8097 : -88
13 : #7a7e99 : -86
15 : #787c9b : -84
17 : #767a9e : -82
19 : #7379a0 : -80
21 : #7177a2 : -78
23 : #6f75a5 : -76
25 : #6c73a7 : -74
27 : #6a71a9 : -72
29 : #6870ac : -70
31 : #656eae : -68
33 : #636cb0 : -66
35 : #616ab3 : -64
37 : #5e68b5 : -62
39 : #5c67b7 : -60
41 : #5a65ba : -58
43 : #5763bc : -56
45 : #5561be : -54
47 : #535fc1 : -52
49 : #505ec3 : -50
51 : #4e5cc6 : -48
53 : #4c5ac8 : -46
55 : #4958ca : -44
57 : #4756cd : -42
59 : #4455cf : -40
61 : #4253d1 : -38
63 : #4051d4 : -36
65 : #3d4fd6 : -34
67 : #3b4dd8 : -32
69 : #394cdb : -30
71 : #364add : -28
73 : #3448df : -26
75 : #3246e2 : -24
77 : #2f44e4 : -22
79 : #2d43e6 : -20
81 : #2b41e9 : -18
83 : #283feb : -16
85 : #263ded : -14
87 : #243bf0 : -12
89 : #213af2 : -10
91 : #1f38f4 : -8
93 : #1d36f7 : -6
95 : #1a34f9 : -4
97 : #1832fb : -2
99 : #1631fe : ±0
L : 明度 ( 54% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -54
2 : #00010a : -52
4 : #000214 : -50
6 : #00041e : -48
8 : #000529 : -46
10 : #000633 : -44
12 : #00073d : -42
14 : #000947 : -40
16 : #000a51 : -38
18 : #000b5b : -36
20 : #010c65 : -34
22 : #010e70 : -32
24 : #010f7a : -30
26 : #011084 : -28
28 : #01118e : -26
30 : #011298 : -24
32 : #0114a2 : -22
34 : #0115ad : -20
36 : #0116b7 : -18
38 : #0117c1 : -16
40 : #0119cb : -14
42 : #011ad5 : -12
44 : #011bdf : -10
46 : #011ce9 : -8
48 : #011df4 : -6
50 : #011ffe : -4
52 : #0b28fe : -2
54 : #1631fe : ±0
56 : #203afe : +2
58 : #2a43fe : +4
60 : #344cfe : +6
62 : #3e55fe : +8
64 : #485efe : +10
66 : #5266fe : +12
68 : #5d6ffe : +14
70 : #6778fe : +16
72 : #7181fe : +18
74 : #7b8afe : +20
76 : #8593fe : +22
78 : #8f9cfe : +24
80 : #9aa5fe : +26
82 : #a4aeff : +28
84 : #aeb7ff : +30
86 : #b8c0ff : +32
88 : #c2c9ff : +34
90 : #ccd2ff : +36
92 : #d6dbff : +38
94 : #e1e4ff : +40
96 : #ebedff : +42
98 : #f5f6ff : +44
100 : #ffffff : +46
CSS入門、作ってます。
text-shadow