#2a33e5
RGB
赤 | 42 |
---|---|
緑 | 51 |
青 | 229 |
HSL
色相 | 237° |
---|---|
彩度 | 78% |
明度 | 53% |
輝度 | 27% |
3桁の色
補色
反転色
RGB ( 赤 = 42, 緑 = 51, 青 = 229 )
HSL ( 色相 = 237°, 彩度 = 78%, 明度 = 53% )
H : 色相 ( 237° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #e53f2a : -230
17 : #e55f2a : -220
27 : #e57e2a : -210
37 : #e59d2a : -200
47 : #e5bc2a : -190
57 : #e5db2a : -180
67 : #cfe52a : -170
77 : #b0e52a : -160
87 : #90e52a : -150
97 : #71e52a : -140
107 : #52e52a : -130
117 : #33e52a : -120
127 : #2ae53f : -110
137 : #2ae55f : -100
147 : #2ae57e : -90
157 : #2ae59d : -80
167 : #2ae5bc : -70
177 : #2ae5db : -60
187 : #2acfe5 : -50
197 : #2ab0e5 : -40
207 : #2a90e5 : -30
217 : #2a71e5 : -20
227 : #2a52e5 : -10
237 : #2a33e5 : ±0
247 : #3f2ae5 : +10
257 : #5f2ae5 : +20
267 : #7e2ae5 : +30
277 : #9d2ae5 : +40
287 : #bc2ae5 : +50
297 : #db2ae5 : +60
307 : #e52acf : +70
317 : #e52ab0 : +80
327 : #e52a90 : +90
337 : #e52a71 : +100
347 : #e52a52 : +110
357 : #e52a33 : +120
227 : #2a52e5 : -10
228 : #2a4fe5 : -9
229 : #2a4ce5 : -8
230 : #2a49e5 : -7
231 : #2a46e5 : -6
232 : #2a43e5 : -5
233 : #2a3fe5 : -4
234 : #2a3ce5 : -3
235 : #2a39e5 : -2
236 : #2a36e5 : -1
237 : #2a33e5 : ±0
238 : #2a30e5 : +1
239 : #2a2de5 : +2
240 : #2a2ae5 : +3
241 : #2d2ae5 : +4
242 : #302ae5 : +5
243 : #332ae5 : +6
244 : #362ae5 : +7
245 : #392ae5 : +8
246 : #3c2ae5 : +9
247 : #3f2ae5 : +10
S : 彩度 ( 78% )
(0%) 渋い ~ 鮮やか (100%)
0 : #878787 : -78
2 : #85858a : -76
4 : #82838c : -74
6 : #80818e : -72
8 : #7e7f91 : -70
10 : #7b7c93 : -68
12 : #797a96 : -66
14 : #767898 : -64
16 : #74769a : -62
18 : #72749d : -60
20 : #6f729f : -58
22 : #6d6fa2 : -56
24 : #6a6da4 : -54
26 : #686ba6 : -52
28 : #6669a9 : -50
30 : #6367ab : -48
32 : #6165ae : -46
34 : #5e62b0 : -44
36 : #5c60b2 : -42
38 : #5a5eb5 : -40
40 : #575cb7 : -38
42 : #555ab9 : -36
44 : #5258bc : -34
46 : #5056be : -32
48 : #4e53c1 : -30
50 : #4b51c3 : -28
52 : #494fc5 : -26
54 : #464dc8 : -24
56 : #444bca : -22
58 : #4249cd : -20
60 : #3f46cf : -18
62 : #3d44d1 : -16
64 : #3a42d4 : -14
66 : #3840d6 : -12
68 : #363ed9 : -10
70 : #333cdb : -8
72 : #3139dd : -6
74 : #2e37e0 : -4
76 : #2c35e2 : -2
78 : #2a33e5 : ±0
80 : #2731e7 : +2
82 : #252fe9 : +4
84 : #222dec : +6
86 : #202aee : +8
88 : #1e28f1 : +10
90 : #1b26f3 : +12
92 : #1924f5 : +14
94 : #1622f8 : +16
96 : #1420fa : +18
98 : #121dfd : +20
100 : #0f1bff : +22
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #010105 : -52
3 : #02020e : -50
5 : #030417 : -48
7 : #040520 : -46
9 : #050729 : -44
11 : #060832 : -42
13 : #070a3b : -40
15 : #080b44 : -38
17 : #0a0d4d : -36
19 : #0b0e56 : -34
21 : #0c105f : -32
23 : #0d1168 : -30
25 : #0e1371 : -28
27 : #0f157b : -26
29 : #101684 : -24
31 : #11188d : -22
33 : #131996 : -20
35 : #141b9f : -18
37 : #151ca8 : -16
39 : #161eb1 : -14
41 : #171fba : -12
43 : #1821c3 : -10
45 : #1922cc : -8
47 : #1a24d5 : -6
49 : #1b25de : -4
51 : #212ae4 : -2
53 : #2a33e5 : ±0
55 : #333ce6 : +2
57 : #3c44e7 : +4
59 : #454de8 : +6
61 : #4e56e9 : +8
63 : #575eea : +10
65 : #6067eb : +12
67 : #6970ec : +14
69 : #7278ee : +16
71 : #7b81ef : +18
73 : #848af0 : +20
75 : #8e92f1 : +22
77 : #979bf2 : +24
79 : #a0a4f3 : +26
81 : #a9adf4 : +28
83 : #b2b5f5 : +30
85 : #bbbef7 : +32
87 : #c4c7f8 : +34
89 : #cdcff9 : +36
91 : #d6d8fa : +38
93 : #dfe1fb : +40
95 : #e8e9fc : +42
97 : #f1f2fd : +44
99 : #fafbfe : +46
CSS入門、作ってます。
text-shadow