#30f616
RGB
| 赤 | 48 |
|---|---|
| 緑 | 246 |
| 青 | 22 |
HSL
| 色相 | 113° |
|---|---|
| 彩度 | 93% |
| 明度 | 53% |
| 輝度 | 63% |
３桁の色
補色
反転色
RGB ( 赤 = 48, 緑 = 246, 青 = 22 )
HSL ( 色相 = 113°, 彩度 = 93%, 明度 = 53% )
H : 色相 ( 113° )
(0°) 赤～黄～緑～青～紫 (359°)
3 : #f72318 : -110
13 : #f74818 : -100
23 : #f76d18 : -90
33 : #f79218 : -80
43 : #f7b718 : -70
53 : #f7dd18 : -60
63 : #ebf718 : -50
73 : #c6f718 : -40
83 : #a1f718 : -30
93 : #7cf718 : -20
103 : #57f718 : -10
113 : #32f718 : ±0
123 : #18f723 : +10
133 : #18f748 : +20
143 : #18f76d : +30
153 : #18f792 : +40
163 : #18f7b7 : +50
173 : #18f7dd : +60
183 : #18ebf7 : +70
193 : #18c6f7 : +80
203 : #18a1f7 : +90
213 : #187cf7 : +100
223 : #1857f7 : +110
233 : #1832f7 : +120
243 : #2318f7 : +130
253 : #4818f7 : +140
263 : #6d18f7 : +150
273 : #9218f7 : +160
283 : #b718f7 : +170
293 : #dd18f7 : +180
303 : #f718eb : +190
313 : #f718c6 : +200
323 : #f718a1 : +210
333 : #f7187c : +220
343 : #f71857 : +230
353 : #f71832 : +240
103 : #57f718 : -10
104 : #53f718 : -9
105 : #4ff718 : -8
106 : #4cf718 : -7
107 : #48f718 : -6
108 : #44f718 : -5
109 : #41f718 : -4
110 : #3df718 : -3
111 : #39f718 : -2
112 : #35f718 : -1
113 : #32f718 : ±0
114 : #2ef718 : +1
115 : #2af718 : +2
116 : #27f718 : +3
117 : #23f718 : +4
118 : #1ff718 : +5
119 : #1bf718 : +6
120 : #18f718 : +7
121 : #18f71b : +8
122 : #18f71f : +9
123 : #18f723 : +10
S : 彩度 ( 93% )
(0%) 渋い ～ 鮮やか (100%)
1 : #868886 : -92
3 : #848b84 : -90
5 : #838d81 : -88
7 : #81907f : -86
9 : #7f927c : -84
11 : #7d947a : -82
13 : #7b9778 : -80
15 : #799975 : -78
17 : #789c73 : -76
19 : #769e70 : -74
21 : #74a06e : -72
23 : #72a36c : -70
25 : #70a569 : -68
27 : #6ea867 : -66
29 : #6daa64 : -64
31 : #6bac62 : -62
33 : #69af60 : -60
35 : #67b15d : -58
37 : #65b35b : -56
39 : #63b658 : -54
41 : #61b856 : -52
43 : #60bb54 : -50
45 : #5ebd51 : -48
47 : #5cbf4f : -46
49 : #5ac24c : -44
51 : #58c44a : -42
53 : #56c748 : -40
55 : #55c945 : -38
57 : #53cb43 : -36
59 : #51ce40 : -34
61 : #4fd03e : -32
63 : #4dd33c : -30
65 : #4bd539 : -28
67 : #4ad737 : -26
69 : #48da34 : -24
71 : #46dc32 : -22
73 : #44df30 : -20
75 : #42e12d : -18
77 : #40e32b : -16
79 : #3fe628 : -14
81 : #3de826 : -12
83 : #3beb24 : -10
85 : #39ed21 : -8
87 : #37ef1f : -6
89 : #35f21c : -4
91 : #34f41a : -2
93 : #32f718 : ±0
95 : #30f915 : +2
97 : #2efb13 : +4
99 : #2cfe10 : +6
L : 明度 ( 53% )
(0%) 暗い ～ 明るい (100%)
1 : #010500 : -52
3 : #020f01 : -50
5 : #041901 : -48
7 : #052201 : -46
9 : #072c02 : -44
11 : #083602 : -42
13 : #0a4002 : -40
15 : #0b4a03 : -38
17 : #0c5403 : -36
19 : #0e5e03 : -34
21 : #0f6704 : -32
23 : #117104 : -30
25 : #127b04 : -28
27 : #148505 : -26
29 : #158f05 : -24
31 : #179906 : -22
33 : #18a206 : -20
35 : #1aac06 : -18
37 : #1bb607 : -16
39 : #1dc007 : -14
41 : #1eca07 : -12
43 : #1fd408 : -10
45 : #21dd08 : -8
47 : #22e708 : -6
49 : #24f109 : -4
51 : #29f60e : -2
53 : #32f718 : ±0
55 : #3af722 : +2
57 : #43f72b : +4
59 : #4cf835 : +6
61 : #55f83f : +8
63 : #5df849 : +10
65 : #66f953 : +12
67 : #6ff95d : +14
69 : #78f966 : +16
71 : #80fa70 : +18
73 : #89fa7a : +20
75 : #92fb84 : +22
77 : #9bfb8e : +24
79 : #a3fb98 : +26
81 : #acfca1 : +28
83 : #b5fcab : +30
85 : #bdfcb5 : +32
87 : #c6fdbf : +34
89 : #cffdc9 : +36
91 : #d8fdd3 : +38
93 : #e0fedd : +40
95 : #e9fee6 : +42
97 : #f2fef0 : +44
99 : #fbfffa : +46
CSS入門、作ってます。
text-shadow