#f5f825
RGB
赤 | 245 |
---|---|
緑 | 248 |
青 | 37 |
HSL
色相 | 61° |
---|---|
彩度 | 94% |
明度 | 56% |
輝度 | 87% |
3桁の色
補色
反転色
RGB ( 赤 = 245, 緑 = 248, 青 = 37 )
HSL ( 色相 = 61°, 彩度 = 94%, 明度 = 56% )
H : 色相 ( 61° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #f82925 : -60
11 : #f84c25 : -50
21 : #f86f25 : -40
31 : #f89225 : -30
41 : #f8b525 : -20
51 : #f8d925 : -10
61 : #f5f825 : ±0
71 : #d2f825 : +10
81 : #aef825 : +20
91 : #8bf825 : +30
101 : #68f825 : +40
111 : #45f825 : +50
121 : #25f829 : +60
131 : #25f84c : +70
141 : #25f86f : +80
151 : #25f892 : +90
161 : #25f8b5 : +100
171 : #25f8d9 : +110
181 : #25f5f8 : +120
191 : #25d2f8 : +130
201 : #25aef8 : +140
211 : #258bf8 : +150
221 : #2568f8 : +160
231 : #2545f8 : +170
241 : #2925f8 : +180
251 : #4c25f8 : +190
261 : #6f25f8 : +200
271 : #9225f8 : +210
281 : #b525f8 : +220
291 : #d925f8 : +230
301 : #f825f5 : +240
311 : #f825d2 : +250
321 : #f825ae : +260
331 : #f8258b : +270
341 : #f82568 : +280
351 : #f82545 : +290
51 : #f8d925 : -10
52 : #f8dc25 : -9
53 : #f8e025 : -8
54 : #f8e325 : -7
55 : #f8e725 : -6
56 : #f8ea25 : -5
57 : #f8ee25 : -4
58 : #f8f125 : -3
59 : #f8f525 : -2
60 : #f8f825 : -1
61 : #f5f825 : ±0
62 : #f1f825 : +1
63 : #eef825 : +2
64 : #eaf825 : +3
65 : #e7f825 : +4
66 : #e3f825 : +5
67 : #e0f825 : +6
68 : #dcf825 : +7
69 : #d9f825 : +8
70 : #d5f825 : +9
71 : #d2f825 : +10
S : 彩度 ( 94% )
(0%) 渋い ~ 鮮やか (100%)
0 : #8e8e8e : -94
2 : #91918d : -92
4 : #93938a : -90
6 : #959688 : -88
8 : #979886 : -86
10 : #9a9a84 : -84
12 : #9c9c81 : -82
14 : #9e9f7f : -80
16 : #a0a17d : -78
18 : #a2a37b : -76
20 : #a4a578 : -74
22 : #a7a776 : -72
24 : #a9aa74 : -70
26 : #abac72 : -68
28 : #adae6f : -66
30 : #afb06d : -64
32 : #b2b36b : -62
34 : #b4b569 : -60
36 : #b6b766 : -58
38 : #b8b964 : -56
40 : #babc62 : -54
42 : #bcbe60 : -52
44 : #bfc05d : -50
46 : #c1c25b : -48
48 : #c3c559 : -46
50 : #c5c757 : -44
52 : #c7c954 : -42
54 : #c9cb52 : -40
56 : #ccce50 : -38
58 : #ced04e : -36
60 : #d0d24b : -34
62 : #d2d449 : -32
64 : #d4d747 : -30
66 : #d6d945 : -28
68 : #d9db43 : -26
70 : #dbdd40 : -24
72 : #dde03e : -22
74 : #dfe23c : -20
76 : #e1e43a : -18
78 : #e3e637 : -16
80 : #e6e935 : -14
82 : #e8eb33 : -12
84 : #eaed31 : -10
86 : #ecef2e : -8
88 : #eef22c : -6
90 : #f0f42a : -4
92 : #f3f628 : -2
94 : #f5f825 : ±0
96 : #f7fb23 : +2
98 : #f9fd21 : +4
100 : #fbff1f : +6
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #0a0a00 : -54
4 : #131401 : -52
6 : #1d1e01 : -50
8 : #272801 : -48
10 : #313102 : -46
12 : #3a3b02 : -44
14 : #444502 : -42
16 : #4e4f02 : -40
18 : #585903 : -38
20 : #616303 : -36
22 : #6b6d03 : -34
24 : #757704 : -32
26 : #7f8104 : -30
28 : #888b04 : -28
30 : #929405 : -26
32 : #9c9e05 : -24
34 : #a5a805 : -22
36 : #afb206 : -20
38 : #b9bc06 : -18
40 : #c3c606 : -16
42 : #ccd006 : -14
44 : #d6da07 : -12
46 : #e0e407 : -10
48 : #eaed07 : -8
50 : #f3f708 : -6
52 : #f4f812 : -4
54 : #f4f81b : -2
56 : #f5f825 : ±0
58 : #f5f92f : +2
60 : #f6f939 : +4
62 : #f6f943 : +6
64 : #f7f94d : +8
66 : #f7fa57 : +10
68 : #f8fa61 : +12
70 : #f8fa6b : +14
72 : #f8fb74 : +16
74 : #f9fb7e : +18
76 : #f9fb88 : +20
78 : #fafc92 : +22
80 : #fafc9c : +24
82 : #fbfca6 : +26
84 : #fbfdb0 : +28
86 : #fcfdba : +30
88 : #fcfdc4 : +32
90 : #fdfdce : +34
92 : #fdfed7 : +36
94 : #fefee1 : +38
96 : #fefeeb : +40
98 : #fffff5 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow