#52ef67
RGB
| 赤 | 82 |
|---|---|
| 緑 | 239 |
| 青 | 103 |
HSL
| 色相 | 128° |
|---|---|
| 彩度 | 83% |
| 明度 | 63% |
| 輝度 | 69% |
３桁の色
補色
反転色
RGB ( 赤 = 82, 緑 = 239, 青 = 103 )
HSL ( 色相 = 128°, 彩度 = 83%, 明度 = 63% )
H : 色相 ( 128° )
(0°) 赤～黄～緑～青～紫 (359°)
8 : #ef6752 : -120
18 : #ef8152 : -110
28 : #ef9b52 : -100
38 : #efb652 : -90
48 : #efd052 : -80
58 : #efea52 : -70
68 : #daef52 : -60
78 : #c0ef52 : -50
88 : #a6ef52 : -40
98 : #8cef52 : -30
108 : #72ef52 : -20
118 : #58ef52 : -10
128 : #52ef67 : ±0
138 : #52ef81 : +10
148 : #52ef9b : +20
158 : #52efb6 : +30
168 : #52efd0 : +40
178 : #52efea : +50
188 : #52daef : +60
198 : #52c0ef : +70
208 : #52a6ef : +80
218 : #528cef : +90
228 : #5272ef : +100
238 : #5258ef : +110
248 : #6752ef : +120
258 : #8152ef : +130
268 : #9b52ef : +140
278 : #b652ef : +150
288 : #d052ef : +160
298 : #ea52ef : +170
308 : #ef52da : +180
318 : #ef52c0 : +190
328 : #ef52a6 : +200
338 : #ef528c : +210
348 : #ef5272 : +220
358 : #ef5258 : +230
118 : #58ef52 : -10
119 : #55ef52 : -9
120 : #52ef52 : -8
121 : #52ef55 : -7
122 : #52ef58 : -6
123 : #52ef5a : -5
124 : #52ef5d : -4
125 : #52ef5f : -3
126 : #52ef62 : -2
127 : #52ef65 : -1
128 : #52ef67 : ±0
129 : #52ef6a : +1
130 : #52ef6c : +2
131 : #52ef6f : +3
132 : #52ef72 : +4
133 : #52ef74 : +5
134 : #52ef77 : +6
135 : #52ef79 : +7
136 : #52ef7c : +8
137 : #52ef7f : +9
138 : #52ef81 : +10
S : 彩度 ( 83% )
(0%) 渋い ～ 鮮やか (100%)
1 : #a0a2a0 : -82
3 : #9ea39f : -80
5 : #9ca59d : -78
7 : #9aa79c : -76
9 : #98a99a : -74
11 : #96ab99 : -72
13 : #94ad98 : -70
15 : #92af96 : -68
17 : #91b195 : -66
19 : #8fb394 : -64
21 : #8db492 : -62
23 : #8bb691 : -60
25 : #89b88f : -58
27 : #87ba8e : -56
29 : #85bc8d : -54
31 : #83be8b : -52
33 : #82c08a : -50
35 : #80c288 : -48
37 : #7ec487 : -46
39 : #7cc586 : -44
41 : #7ac784 : -42
43 : #78c983 : -40
45 : #76cb82 : -38
47 : #74cd80 : -36
49 : #72cf7f : -34
51 : #71d17d : -32
53 : #6fd37c : -30
55 : #6dd57b : -28
57 : #6bd679 : -26
59 : #69d878 : -24
61 : #67da76 : -22
63 : #65dc75 : -20
65 : #63de74 : -18
67 : #61e072 : -16
69 : #60e271 : -14
71 : #5ee470 : -12
73 : #5ce66e : -10
75 : #5ae76d : -8
77 : #58e96b : -6
79 : #56eb6a : -4
81 : #54ed69 : -2
83 : #52ef67 : ±0
85 : #50f166 : +2
87 : #4ff364 : +4
89 : #4df563 : +6
91 : #4bf762 : +8
93 : #49f860 : +10
95 : #47fa5f : +12
97 : #45fc5e : +14
99 : #43fe5c : +16
L : 明度 ( 63% )
(0%) 暗い ～ 明るい (100%)
1 : #000501 : -62
3 : #010e03 : -60
5 : #021705 : -58
7 : #032107 : -56
9 : #042a09 : -54
11 : #05330b : -52
13 : #063d0d : -50
15 : #07460f : -48
17 : #074f11 : -46
19 : #085913 : -44
21 : #096215 : -42
23 : #0a6b17 : -40
25 : #0b7519 : -38
27 : #0c7e1b : -36
29 : #0d871d : -34
31 : #0d911f : -32
33 : #0e9a21 : -30
35 : #0fa323 : -28
37 : #10ad25 : -26
39 : #11b627 : -24
41 : #12bf29 : -22
43 : #13c92b : -20
45 : #14d22d : -18
47 : #14db2f : -16
49 : #15e531 : -14
51 : #1aea36 : -12
53 : #24eb3e : -10
55 : #2deb46 : -8
57 : #36ec4f : -6
59 : #40ed57 : -4
61 : #49ee5f : -2
63 : #52ef67 : ±0
65 : #5cf06f : +2
67 : #65f178 : +4
69 : #6ef280 : +6
71 : #78f288 : +8
73 : #81f390 : +10
75 : #8af498 : +12
77 : #94f5a1 : +14
79 : #9df6a9 : +16
81 : #a6f7b1 : +18
83 : #b0f8b9 : +20
85 : #b9f8c1 : +22
87 : #c2f9ca : +24
89 : #ccfad2 : +26
91 : #d5fbda : +28
93 : #defce2 : +30
95 : #e8fdea : +32
97 : #f1fef3 : +34
99 : #fafffb : +36
CSS入門、作ってます。
text-shadow