#0ec817
RGB
| 赤 | 14 |
|---|---|
| 緑 | 200 |
| 青 | 23 |
HSL
| 色相 | 123° |
|---|---|
| 彩度 | 87% |
| 明度 | 42% |
| 輝度 | 49% |
３桁の色
補色
反転色
RGB ( 赤 = 14, 緑 = 200, 青 = 23 )
HSL ( 色相 = 123°, 彩度 = 87%, 明度 = 42% )
H : 色相 ( 123° )
(0°) 赤～黄～緑～青～紫 (359°)
3 : #c8170e : -120
13 : #c8360e : -110
23 : #c8550e : -100
33 : #c8740e : -90
43 : #c8930e : -80
53 : #c8b30e : -70
63 : #bfc80e : -60
73 : #a0c80e : -50
83 : #81c80e : -40
93 : #62c80e : -30
103 : #43c80e : -20
113 : #24c80e : -10
123 : #0ec817 : ±0
133 : #0ec836 : +10
143 : #0ec855 : +20
153 : #0ec874 : +30
163 : #0ec893 : +40
173 : #0ec8b3 : +50
183 : #0ebfc8 : +60
193 : #0ea0c8 : +70
203 : #0e81c8 : +80
213 : #0e62c8 : +90
223 : #0e43c8 : +100
233 : #0e24c8 : +110
243 : #170ec8 : +120
253 : #360ec8 : +130
263 : #550ec8 : +140
273 : #740ec8 : +150
283 : #930ec8 : +160
293 : #b30ec8 : +170
303 : #c80ebf : +180
313 : #c80ea0 : +190
323 : #c80e81 : +200
333 : #c80e62 : +210
343 : #c80e43 : +220
353 : #c80e24 : +230
113 : #24c80e : -10
114 : #21c80e : -9
115 : #1dc80e : -8
116 : #1ac80e : -7
117 : #17c80e : -6
118 : #14c80e : -5
119 : #11c80e : -4
120 : #0ec80e : -3
121 : #0ec811 : -2
122 : #0ec814 : -1
123 : #0ec817 : ±0
124 : #0ec81a : +1
125 : #0ec81d : +2
126 : #0ec821 : +3
127 : #0ec824 : +4
128 : #0ec827 : +5
129 : #0ec82a : +6
130 : #0ec82d : +7
131 : #0ec830 : +8
132 : #0ec833 : +9
133 : #0ec836 : +10
S : 彩度 ( 87% )
(0%) 渋い ～ 鮮やか (100%)
1 : #6a6c6a : -86
3 : #686e68 : -84
5 : #667066 : -82
7 : #647364 : -80
9 : #617562 : -78
11 : #5f7760 : -76
13 : #5d795f : -74
15 : #5b7b5d : -72
17 : #597d5b : -70
19 : #577f59 : -68
21 : #558257 : -66
23 : #528455 : -64
25 : #508653 : -62
27 : #4e8851 : -60
29 : #4c8a4f : -58
31 : #4a8c4d : -56
33 : #488e4b : -54
35 : #469149 : -52
37 : #439347 : -50
39 : #419546 : -48
41 : #3f9744 : -46
43 : #3d9942 : -44
45 : #3b9b40 : -42
47 : #399d3e : -40
49 : #37a03c : -38
51 : #34a23a : -36
53 : #32a438 : -34
55 : #30a636 : -32
57 : #2ea834 : -30
59 : #2caa32 : -28
61 : #2aac30 : -26
63 : #28af2e : -24
65 : #25b12c : -22
67 : #23b32b : -20
69 : #21b529 : -18
71 : #1fb727 : -16
73 : #1db925 : -14
75 : #1bbb23 : -12
77 : #19be21 : -10
79 : #16c01f : -8
81 : #14c21d : -6
83 : #12c41b : -4
85 : #10c619 : -2
87 : #0ec817 : ±0
89 : #0cca15 : +2
91 : #0acd13 : +4
93 : #07cf11 : +6
95 : #05d110 : +8
97 : #03d30e : +10
99 : #01d50c : +12
L : 明度 ( 42% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -42
2 : #010a01 : -40
4 : #011302 : -38
6 : #021d03 : -36
8 : #032604 : -34
10 : #033006 : -32
12 : #043907 : -30
14 : #054308 : -28
16 : #054c09 : -26
18 : #06560a : -24
20 : #075f0b : -22
22 : #07690c : -20
24 : #08720d : -18
26 : #097c0e : -16
28 : #09860f : -14
30 : #0a8f11 : -12
32 : #0b9912 : -10
34 : #0ba213 : -8
36 : #0cac14 : -6
38 : #0db515 : -4
40 : #0dbf16 : -2
42 : #0ec817 : ±0
44 : #0fd218 : +2
46 : #0fdb19 : +4
48 : #10e51b : +6
50 : #11ee1c : +8
52 : #1aef25 : +10
54 : #24f02e : +12
56 : #2df037 : +14
58 : #37f140 : +16
60 : #40f249 : +18
62 : #4af252 : +20
64 : #53f35b : +22
66 : #5df464 : +24
68 : #66f46e : +26
70 : #70f577 : +28
72 : #79f680 : +30
74 : #83f689 : +32
76 : #8df792 : +34
78 : #96f89b : +36
80 : #a0f8a4 : +38
82 : #a9f9ad : +40
84 : #b3fab6 : +42
86 : #bcfabf : +44
88 : #c6fbc8 : +46
90 : #cffcd2 : +48
92 : #d9fcdb : +50
94 : #e2fde4 : +52
96 : #ecfeed : +54
98 : #f5fef6 : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow