#25d6fe
RGB
赤 | 37 |
---|---|
緑 | 214 |
青 | 254 |
HSL
色相 | 191° |
---|---|
彩度 | 99% |
明度 | 57% |
輝度 | 65% |
3桁の色
補色
反転色
RGB ( 赤 = 37, 緑 = 214, 青 = 254 )
HSL ( 色相 = 191°, 彩度 = 99%, 明度 = 57% )
H : 色相 ( 191° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #fe2825 : -190
11 : #fe4d25 : -180
21 : #fe7125 : -170
31 : #fe9525 : -160
41 : #feb925 : -150
51 : #fedd25 : -140
61 : #fafe25 : -130
71 : #d6fe25 : -120
81 : #b2fe25 : -110
91 : #8efe25 : -100
101 : #6afe25 : -90
111 : #45fe25 : -80
121 : #25fe28 : -70
131 : #25fe4d : -60
141 : #25fe71 : -50
151 : #25fe95 : -40
161 : #25feb9 : -30
171 : #25fedd : -20
181 : #25fafe : -10
191 : #25d6fe : ±0
201 : #25b2fe : +10
211 : #258efe : +20
221 : #256afe : +30
231 : #2545fe : +40
241 : #2825fe : +50
251 : #4d25fe : +60
261 : #7125fe : +70
271 : #9525fe : +80
281 : #b925fe : +90
291 : #dd25fe : +100
301 : #fe25fa : +110
311 : #fe25d6 : +120
321 : #fe25b2 : +130
331 : #fe258e : +140
341 : #fe256a : +150
351 : #fe2545 : +160
181 : #25fafe : -10
182 : #25f7fe : -9
183 : #25f3fe : -8
184 : #25effe : -7
185 : #25ecfe : -6
186 : #25e8fe : -5
187 : #25e5fe : -4
188 : #25e1fe : -3
189 : #25ddfe : -2
190 : #25dafe : -1
191 : #25d6fe : ±0
192 : #25d2fe : +1
193 : #25cffe : +2
194 : #25cbfe : +3
195 : #25c8fe : +4
196 : #25c4fe : +5
197 : #25c0fe : +6
198 : #25bdfe : +7
199 : #25b9fe : +8
200 : #25b6fe : +9
201 : #25b2fe : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #909292 : -98
3 : #8e9395 : -96
5 : #8c9597 : -94
7 : #8a9699 : -92
9 : #87989b : -90
11 : #85999d : -88
13 : #839aa0 : -86
15 : #819ca2 : -84
17 : #7f9da4 : -82
19 : #7d9fa6 : -80
21 : #7aa0a8 : -78
23 : #78a1ab : -76
25 : #76a3ad : -74
27 : #74a4af : -72
29 : #72a5b1 : -70
31 : #6fa7b3 : -68
33 : #6da8b6 : -66
35 : #6baab8 : -64
37 : #69abba : -62
39 : #67acbc : -60
41 : #64aebe : -58
43 : #62afc0 : -56
45 : #60b1c3 : -54
47 : #5eb2c5 : -52
49 : #5cb3c7 : -50
51 : #59b5c9 : -48
53 : #57b6cb : -46
55 : #55b8ce : -44
57 : #53b9d0 : -42
59 : #51bad2 : -40
61 : #4ebcd4 : -38
63 : #4cbdd6 : -36
65 : #4abed9 : -34
67 : #48c0db : -32
69 : #46c1dd : -30
71 : #43c3df : -28
73 : #41c4e1 : -26
75 : #3fc5e4 : -24
77 : #3dc7e6 : -22
79 : #3bc8e8 : -20
81 : #39caea : -18
83 : #36cbec : -16
85 : #34ccef : -14
87 : #32cef1 : -12
89 : #30cff3 : -10
91 : #2ed1f5 : -8
93 : #2bd2f7 : -6
95 : #29d3fa : -4
97 : #27d5fc : -2
99 : #25d6fe : ±0
L : 明度 ( 57% )
(0%) 暗い ~ 明るい (100%)
1 : #000405 : -56
3 : #000c0f : -54
5 : #001519 : -52
7 : #001d24 : -50
9 : #00252e : -48
11 : #002e38 : -46
13 : #003642 : -44
15 : #003e4c : -42
17 : #004756 : -40
19 : #004f60 : -38
21 : #01576b : -36
23 : #015f75 : -34
25 : #01687f : -32
27 : #017089 : -30
29 : #017893 : -28
31 : #01819d : -26
33 : #0189a7 : -24
35 : #0191b2 : -22
37 : #019abc : -20
39 : #01a2c6 : -18
41 : #01aad0 : -16
43 : #01b2da : -14
45 : #01bbe4 : -12
47 : #01c3ef : -10
49 : #01cbf9 : -8
51 : #06d0fe : -6
53 : #10d2fe : -4
55 : #1bd4fe : -2
57 : #25d6fe : ±0
59 : #2fd8fe : +2
61 : #39dafe : +4
63 : #43dcfe : +6
65 : #4ddefe : +8
67 : #58e0fe : +10
69 : #62e2fe : +12
71 : #6ce3fe : +14
73 : #76e5fe : +16
75 : #80e7fe : +18
77 : #8ae9fe : +20
79 : #94ebfe : +22
81 : #9fedff : +24
83 : #a9efff : +26
85 : #b3f1ff : +28
87 : #bdf3ff : +30
89 : #c7f5ff : +32
91 : #d1f6ff : +34
93 : #dbf8ff : +36
95 : #e6faff : +38
97 : #f0fcff : +40
99 : #fafeff : +42
CSS入門、作ってます。
text-shadow