#25e5fe
RGB
| 赤 | 37 |
|---|---|
| 緑 | 229 |
| 青 | 254 |
HSL
| 色相 | 187° |
|---|---|
| 彩度 | 99% |
| 明度 | 57% |
| 輝度 | 68% |
３桁の色
補色
反転色
RGB ( 赤 = 37, 緑 = 229, 青 = 254 )
HSL ( 色相 = 187°, 彩度 = 99%, 明度 = 57% )
H : 色相 ( 187° )
(0°) 赤～黄～緑～青～紫 (359°)
7 : #fe3e25 : -180
17 : #fe6225 : -170
27 : #fe8625 : -160
37 : #feab25 : -150
47 : #fecf25 : -140
57 : #fef325 : -130
67 : #e5fe25 : -120
77 : #c0fe25 : -110
87 : #9cfe25 : -100
97 : #78fe25 : -90
107 : #54fe25 : -80
117 : #30fe25 : -70
127 : #25fe3e : -60
137 : #25fe62 : -50
147 : #25fe86 : -40
157 : #25feab : -30
167 : #25fecf : -20
177 : #25fef3 : -10
187 : #25e5fe : ±0
197 : #25c0fe : +10
207 : #259cfe : +20
217 : #2578fe : +30
227 : #2554fe : +40
237 : #2530fe : +50
247 : #3e25fe : +60
257 : #6225fe : +70
267 : #8625fe : +80
277 : #ab25fe : +90
287 : #cf25fe : +100
297 : #f325fe : +110
307 : #fe25e5 : +120
317 : #fe25c0 : +130
327 : #fe259c : +140
337 : #fe2578 : +150
347 : #fe2554 : +160
357 : #fe2530 : +170
177 : #25fef3 : -10
178 : #25fef7 : -9
179 : #25fefa : -8
180 : #25fefe : -7
181 : #25fafe : -6
182 : #25f7fe : -5
183 : #25f3fe : -4
184 : #25effe : -3
185 : #25ecfe : -2
186 : #25e8fe : -1
187 : #25e5fe : ±0
188 : #25e1fe : +1
189 : #25ddfe : +2
190 : #25dafe : +3
191 : #25d6fe : +4
192 : #25d2fe : +5
193 : #25cffe : +6
194 : #25cbfe : +7
195 : #25c8fe : +8
196 : #25c4fe : +9
197 : #25c0fe : +10
S : 彩度 ( 99% )
(0%) 渋い ～ 鮮やか (100%)
1 : #909292 : -98
3 : #8e9495 : -96
5 : #8c9697 : -94
7 : #8a9799 : -92
9 : #87999b : -90
11 : #859b9d : -88
13 : #839ca0 : -86
15 : #819ea2 : -84
17 : #7fa0a4 : -82
19 : #7da1a6 : -80
21 : #7aa3a8 : -78
23 : #78a5ab : -76
25 : #76a6ad : -74
27 : #74a8af : -72
29 : #72aab1 : -70
31 : #6fabb3 : -68
33 : #6dadb6 : -66
35 : #6bafb8 : -64
37 : #69b0ba : -62
39 : #67b2bc : -60
41 : #64b4be : -58
43 : #62b5c0 : -56
45 : #60b7c3 : -54
47 : #5eb9c5 : -52
49 : #5cbbc7 : -50
51 : #59bcc9 : -48
53 : #57becb : -46
55 : #55c0ce : -44
57 : #53c1d0 : -42
59 : #51c3d2 : -40
61 : #4ec5d4 : -38
63 : #4cc6d6 : -36
65 : #4ac8d9 : -34
67 : #48cadb : -32
69 : #46cbdd : -30
71 : #43cddf : -28
73 : #41cfe1 : -26
75 : #3fd0e4 : -24
77 : #3dd2e6 : -22
79 : #3bd4e8 : -20
81 : #39d5ea : -18
83 : #36d7ec : -16
85 : #34d9ef : -14
87 : #32daf1 : -12
89 : #30dcf3 : -10
91 : #2edef5 : -8
93 : #2be0f7 : -6
95 : #29e1fa : -4
97 : #27e3fc : -2
99 : #25e5fe : ±0
L : 明度 ( 57% )
(0%) 暗い ～ 明るい (100%)
1 : #000405 : -56
3 : #000d0f : -54
5 : #001619 : -52
7 : #001f24 : -50
9 : #00282e : -48
11 : #003138 : -46
13 : #003a42 : -44
15 : #00434c : -42
17 : #004c56 : -40
19 : #005560 : -38
21 : #015e6b : -36
23 : #016775 : -34
25 : #01707f : -32
27 : #017989 : -30
29 : #018293 : -28
31 : #018b9d : -26
33 : #0194a7 : -24
35 : #019db2 : -22
37 : #01a6bc : -20
39 : #01afc6 : -18
41 : #01b8d0 : -16
43 : #01c1da : -14
45 : #01cae4 : -12
47 : #01d3ef : -10
49 : #01dcf9 : -8
51 : #06e1fe : -6
53 : #10e2fe : -4
55 : #1be3fe : -2
57 : #25e5fe : ±0
59 : #2fe6fe : +2
61 : #39e7fe : +4
63 : #43e8fe : +6
65 : #4de9fe : +8
67 : #58ebfe : +10
69 : #62ecfe : +12
71 : #6cedfe : +14
73 : #76eefe : +16
75 : #80f0fe : +18
77 : #8af1fe : +20
79 : #94f2fe : +22
81 : #9ff3ff : +24
83 : #a9f5ff : +26
85 : #b3f6ff : +28
87 : #bdf7ff : +30
89 : #c7f8ff : +32
91 : #d1f9ff : +34
93 : #dbfbff : +36
95 : #e6fcff : +38
97 : #f0fdff : +40
99 : #fafeff : +42
CSS入門、作ってます。
text-shadow