#0e950e
RGB
赤 | 14 |
---|---|
緑 | 149 |
青 | 14 |
HSL
色相 | 120° |
---|---|
彩度 | 83% |
明度 | 32% |
輝度 | 37% |
3桁の色
補色
反転色
RGB ( 赤 = 14, 緑 = 149, 青 = 14 )
HSL ( 色相 = 120°, 彩度 = 83%, 明度 = 32% )
H : 色相 ( 120° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #950e0e : -120
10 : #95240e : -110
20 : #953b0e : -100
30 : #95520e : -90
40 : #95680e : -80
50 : #957f0e : -70
60 : #95950e : -60
70 : #7f950e : -50
80 : #68950e : -40
90 : #52950e : -30
100 : #3b950e : -20
110 : #24950e : -10
120 : #0e950e : ±0
130 : #0e9524 : +10
140 : #0e953b : +20
150 : #0e9552 : +30
160 : #0e9568 : +40
170 : #0e957f : +50
180 : #0e9595 : +60
190 : #0e7f95 : +70
200 : #0e6895 : +80
210 : #0e5295 : +90
220 : #0e3b95 : +100
230 : #0e2495 : +110
240 : #0e0e95 : +120
250 : #240e95 : +130
260 : #3b0e95 : +140
270 : #520e95 : +150
280 : #680e95 : +160
290 : #7f0e95 : +170
300 : #950e95 : +180
310 : #950e7f : +190
320 : #950e68 : +200
330 : #950e52 : +210
340 : #950e3b : +220
350 : #950e24 : +230
110 : #24950e : -10
111 : #22950e : -9
112 : #20950e : -8
113 : #1e950e : -7
114 : #1b950e : -6
115 : #19950e : -5
116 : #17950e : -4
117 : #15950e : -3
118 : #12950e : -2
119 : #10950e : -1
120 : #0e950e : ±0
121 : #0e9510 : +1
122 : #0e9512 : +2
123 : #0e9515 : +3
124 : #0e9517 : +4
125 : #0e9519 : +5
126 : #0e951b : +6
127 : #0e951e : +7
128 : #0e9520 : +8
129 : #0e9522 : +9
130 : #0e9524 : +10
S : 彩度 ( 83% )
(0%) 渋い ~ 鮮やか (100%)
1 : #515251 : -82
3 : #4f544f : -80
5 : #4e564e : -78
7 : #4c574c : -76
9 : #4a594a : -74
11 : #495b49 : -72
13 : #475c47 : -70
15 : #455e45 : -68
17 : #445f44 : -66
19 : #426142 : -64
21 : #406340 : -62
23 : #3f643f : -60
25 : #3d663d : -58
27 : #3c683c : -56
29 : #3a693a : -54
31 : #386b38 : -52
33 : #376d37 : -50
35 : #356e35 : -48
37 : #337033 : -46
39 : #327132 : -44
41 : #307330 : -42
43 : #2f752f : -40
45 : #2d762d : -38
47 : #2b782b : -36
49 : #2a7a2a : -34
51 : #287b28 : -32
53 : #267d26 : -30
55 : #257e25 : -28
57 : #238023 : -26
59 : #218221 : -24
61 : #208320 : -22
63 : #1e851e : -20
65 : #1d871d : -18
67 : #1b881b : -16
69 : #198a19 : -14
71 : #188c18 : -12
73 : #168d16 : -10
75 : #148f14 : -8
77 : #139013 : -6
79 : #119211 : -4
81 : #109410 : -2
83 : #0e950e : ±0
85 : #0c970c : +2
87 : #0b990b : +4
89 : #099a09 : +6
91 : #079c07 : +8
93 : #069d06 : +10
95 : #049f04 : +12
97 : #02a102 : +14
99 : #01a201 : +16
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #010901 : -30
4 : #021302 : -28
6 : #031c03 : -26
8 : #032503 : -24
10 : #042f04 : -22
12 : #053805 : -20
14 : #064106 : -18
16 : #074b07 : -16
18 : #085408 : -14
20 : #095d09 : -12
22 : #0a670a : -10
24 : #0a700a : -8
26 : #0b790b : -6
28 : #0c830c : -4
30 : #0d8c0d : -2
32 : #0e950e : ±0
34 : #0f9f0f : +2
36 : #10a810 : +4
38 : #10b110 : +6
40 : #11bb11 : +8
42 : #12c412 : +10
44 : #13cd13 : +12
46 : #14d714 : +14
48 : #15e015 : +16
50 : #16e916 : +18
52 : #1fea1f : +20
54 : #28eb28 : +22
56 : #32ec32 : +24
58 : #3bed3b : +26
60 : #44ee44 : +28
62 : #4eef4e : +30
64 : #57ef57 : +32
66 : #60f060 : +34
68 : #6af16a : +36
70 : #73f273 : +38
72 : #7cf37c : +40
74 : #86f486 : +42
76 : #8ff58f : +44
78 : #98f598 : +46
80 : #a2f6a2 : +48
82 : #abf7ab : +50
84 : #b4f8b4 : +52
86 : #bef9be : +54
88 : #c7fac7 : +56
90 : #d0fbd0 : +58
92 : #dafcda : +60
94 : #e3fce3 : +62
96 : #ecfdec : +64
98 : #f6fef6 : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow