#08f878
RGB
赤 | 8 |
---|---|
緑 | 248 |
青 | 120 |
HSL
色相 | 148° |
---|---|
彩度 | 94% |
明度 | 50% |
輝度 | 63% |
3桁の色
補色
反転色
RGB ( 赤 = 8, 緑 = 248, 青 = 120 )
HSL ( 色相 = 148°, 彩度 = 94%, 明度 = 50% )
H : 色相 ( 148° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #f72808 : -140
18 : #f75008 : -130
28 : #f77808 : -120
38 : #f79f08 : -110
48 : #f7c708 : -100
58 : #f7ef08 : -90
68 : #d7f708 : -80
78 : #aff708 : -70
88 : #87f708 : -60
98 : #60f708 : -50
108 : #38f708 : -40
118 : #10f708 : -30
128 : #08f728 : -20
138 : #08f750 : -10
148 : #08f778 : ±0
158 : #08f79f : +10
168 : #08f7c7 : +20
178 : #08f7ef : +30
188 : #08d7f7 : +40
198 : #08aff7 : +50
208 : #0887f7 : +60
218 : #0860f7 : +70
228 : #0838f7 : +80
238 : #0810f7 : +90
248 : #2808f7 : +100
258 : #5008f7 : +110
268 : #7808f7 : +120
278 : #9f08f7 : +130
288 : #c708f7 : +140
298 : #ef08f7 : +150
308 : #f708d7 : +160
318 : #f708af : +170
328 : #f70887 : +180
338 : #f70860 : +190
348 : #f70838 : +200
358 : #f70810 : +210
138 : #08f750 : -10
139 : #08f754 : -9
140 : #08f758 : -8
141 : #08f75c : -7
142 : #08f760 : -6
143 : #08f764 : -5
144 : #08f768 : -4
145 : #08f76c : -3
146 : #08f770 : -2
147 : #08f774 : -1
148 : #08f778 : ±0
149 : #08f77c : +1
150 : #08f780 : +2
151 : #08f783 : +3
152 : #08f787 : +4
153 : #08f78b : +5
154 : #08f78f : +6
155 : #08f793 : +7
156 : #08f797 : +8
157 : #08f79b : +9
158 : #08f79f : +10
S : 彩度 ( 94% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -94
2 : #7d827f : -92
4 : #7a857f : -90
6 : #78877f : -88
8 : #758a7f : -86
10 : #738c7f : -84
12 : #708f7e : -82
14 : #6e917e : -80
16 : #6b947e : -78
18 : #69967e : -76
20 : #66997e : -74
22 : #639c7e : -72
24 : #619e7d : -70
26 : #5ea17d : -68
28 : #5ca37d : -66
30 : #59a67d : -64
32 : #57a87d : -62
34 : #54ab7d : -60
36 : #52ad7c : -58
38 : #4fb07c : -56
40 : #4db37c : -54
42 : #4ab57c : -52
44 : #47b87c : -50
46 : #45ba7c : -48
48 : #42bd7b : -46
50 : #40bf7b : -44
52 : #3dc27b : -42
54 : #3bc47b : -40
56 : #38c77b : -38
58 : #36c97b : -36
60 : #33cc7a : -34
62 : #30cf7a : -32
64 : #2ed17a : -30
66 : #2bd47a : -28
68 : #29d67a : -26
70 : #26d97a : -24
72 : #24db79 : -22
74 : #21de79 : -20
76 : #1fe079 : -18
78 : #1ce379 : -16
80 : #1ae679 : -14
82 : #17e879 : -12
84 : #14eb78 : -10
86 : #12ed78 : -8
88 : #0ff078 : -6
90 : #0df278 : -4
92 : #0af578 : -2
94 : #08f778 : ±0
96 : #05fa77 : +2
98 : #03fc77 : +4
100 : #00ff77 : +6
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #000a05 : -48
4 : #01140a : -46
6 : #011e0e : -44
8 : #012813 : -42
10 : #023118 : -40
12 : #023b1d : -38
14 : #024521 : -36
16 : #024f26 : -34
18 : #03592b : -32
20 : #036330 : -30
22 : #036d35 : -28
24 : #047739 : -26
26 : #04813e : -24
28 : #048b43 : -22
30 : #059448 : -20
32 : #059e4c : -18
34 : #05a851 : -16
36 : #06b256 : -14
38 : #06bc5b : -12
40 : #06c660 : -10
42 : #06d064 : -8
44 : #07da69 : -6
46 : #07e46e : -4
48 : #07ed73 : -2
50 : #08f778 : ±0
52 : #12f87d : +2
54 : #1bf882 : +4
56 : #25f888 : +6
58 : #2ff98d : +8
60 : #39f993 : +10
62 : #43f998 : +12
64 : #4df99d : +14
66 : #57faa3 : +16
68 : #61faa8 : +18
70 : #6bfaae : +20
72 : #74fbb3 : +22
74 : #7efbb9 : +24
76 : #88fbbe : +26
78 : #92fcc3 : +28
80 : #9cfcc9 : +30
82 : #a6fcce : +32
84 : #b0fdd4 : +34
86 : #bafdd9 : +36
88 : #c4fdde : +38
90 : #cefde4 : +40
92 : #d7fee9 : +42
94 : #e1feef : +44
96 : #ebfef4 : +46
98 : #f5fffa : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow