#62fe89
RGB
赤 | 98 |
---|---|
緑 | 254 |
青 | 137 |
HSL
色相 | 135° |
---|---|
彩度 | 99% |
明度 | 69% |
輝度 | 76% |
3桁の色
補色
反転色
RGB ( 赤 = 98, 緑 = 254, 青 = 137 )
HSL ( 色相 = 135°, 彩度 = 99%, 明度 = 69% )
H : 色相 ( 135° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #fe6f62 : -130
15 : #fe8962 : -120
25 : #fea362 : -110
35 : #febd62 : -100
45 : #fed762 : -90
55 : #fef162 : -80
65 : #f1fe62 : -70
75 : #d7fe62 : -60
85 : #bdfe62 : -50
95 : #a3fe62 : -40
105 : #89fe62 : -30
115 : #6ffe62 : -20
125 : #62fe6f : -10
135 : #62fe89 : ±0
145 : #62fea3 : +10
155 : #62febd : +20
165 : #62fed7 : +30
175 : #62fef1 : +40
185 : #62f1fe : +50
195 : #62d7fe : +60
205 : #62bdfe : +70
215 : #62a3fe : +80
225 : #6289fe : +90
235 : #626ffe : +100
245 : #6f62fe : +110
255 : #8962fe : +120
265 : #a362fe : +130
275 : #bd62fe : +140
285 : #d762fe : +150
295 : #f162fe : +160
305 : #fe62f1 : +170
315 : #fe62d7 : +180
325 : #fe62bd : +190
335 : #fe62a3 : +200
345 : #fe6289 : +210
355 : #fe626f : +220
125 : #62fe6f : -10
126 : #62fe71 : -9
127 : #62fe74 : -8
128 : #62fe77 : -7
129 : #62fe79 : -6
130 : #62fe7c : -5
131 : #62fe7e : -4
132 : #62fe81 : -3
133 : #62fe84 : -2
134 : #62fe86 : -1
135 : #62fe89 : ±0
136 : #62fe8b : +1
137 : #62fe8e : +2
138 : #62fe91 : +3
139 : #62fe93 : +4
140 : #62fe96 : +5
141 : #62fe98 : +6
142 : #62fe9b : +7
143 : #62fe9e : +8
144 : #62fea0 : +9
145 : #62fea3 : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #afb1b0 : -98
3 : #aeb2af : -96
5 : #acb4ae : -94
7 : #aab5ad : -92
9 : #a9b7ac : -90
11 : #a7b9ac : -88
13 : #a6baab : -86
15 : #a4bcaa : -84
17 : #a3bda9 : -82
19 : #a1bfa8 : -80
21 : #9fc1a8 : -78
23 : #9ec2a7 : -76
25 : #9cc4a6 : -74
27 : #9bc5a5 : -72
29 : #99c7a4 : -70
31 : #97c8a4 : -68
33 : #96caa3 : -66
35 : #94cca2 : -64
37 : #93cda1 : -62
39 : #91cfa1 : -60
41 : #90d0a0 : -58
43 : #8ed29f : -56
45 : #8cd49e : -54
47 : #8bd59d : -52
49 : #89d79d : -50
51 : #88d89c : -48
53 : #86da9b : -46
55 : #84db9a : -44
57 : #83dd99 : -42
59 : #81df99 : -40
61 : #80e098 : -38
63 : #7ee297 : -36
65 : #7de396 : -34
67 : #7be595 : -32
69 : #79e695 : -30
71 : #78e894 : -28
73 : #76ea93 : -26
75 : #75eb92 : -24
77 : #73ed92 : -22
79 : #72ee91 : -20
81 : #70f090 : -18
83 : #6ef28f : -16
85 : #6df38e : -14
87 : #6bf58e : -12
89 : #6af68d : -10
91 : #68f88c : -8
93 : #66f98b : -6
95 : #65fb8a : -4
97 : #63fd8a : -2
99 : #62fe89 : ±0
L : 明度 ( 69% )
(0%) 暗い ~ 明るい (100%)
1 : #000501 : -68
3 : #000f04 : -66
5 : #001906 : -64
7 : #002409 : -62
9 : #002e0c : -60
11 : #00380e : -58
13 : #004211 : -56
15 : #004c13 : -54
17 : #005616 : -52
19 : #006018 : -50
21 : #016b1b : -48
23 : #01751e : -46
25 : #017f20 : -44
27 : #018923 : -42
29 : #019325 : -40
31 : #019d28 : -38
33 : #01a72a : -36
35 : #01b22d : -34
37 : #01bc30 : -32
39 : #01c632 : -30
41 : #01d035 : -28
43 : #01da37 : -26
45 : #01e43a : -24
47 : #01ef3d : -22
49 : #01f93f : -20
51 : #06fe44 : -18
53 : #10fe4c : -16
55 : #1bfe53 : -14
57 : #25fe5b : -12
59 : #2ffe63 : -10
61 : #39fe6a : -8
63 : #43fe72 : -6
65 : #4dfe7a : -4
67 : #58fe81 : -2
69 : #62fe89 : ±0
71 : #6cfe90 : +2
73 : #76fe98 : +4
75 : #80fea0 : +6
77 : #8afea7 : +8
79 : #94feaf : +10
81 : #9fffb7 : +12
83 : #a9ffbe : +14
85 : #b3ffc6 : +16
87 : #bdffcd : +18
89 : #c7ffd5 : +20
91 : #d1ffdd : +22
93 : #dbffe4 : +24
95 : #e6ffec : +26
97 : #f0fff4 : +28
99 : #fafffb : +30
CSS入門、作ってます。
text-shadow