#078d0b
RGB
赤 | 7 |
---|---|
緑 | 141 |
青 | 11 |
HSL
色相 | 122° |
---|---|
彩度 | 91% |
明度 | 29% |
輝度 | 34% |
3桁の色
補色
反転色
RGB ( 赤 = 7, 緑 = 141, 青 = 11 )
HSL ( 色相 = 122°, 彩度 = 91%, 明度 = 29% )
H : 色相 ( 122° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #8d0b07 : -120
12 : #8d2207 : -110
22 : #8d3807 : -100
32 : #8d4e07 : -90
42 : #8d6507 : -80
52 : #8d7b07 : -70
62 : #898d07 : -60
72 : #728d07 : -50
82 : #5c8d07 : -40
92 : #458d07 : -30
102 : #2f8d07 : -20
112 : #198d07 : -10
122 : #078d0b : ±0
132 : #078d22 : +10
142 : #078d38 : +20
152 : #078d4e : +30
162 : #078d65 : +40
172 : #078d7b : +50
182 : #07898d : +60
192 : #07728d : +70
202 : #075c8d : +80
212 : #07458d : +90
222 : #072f8d : +100
232 : #07198d : +110
242 : #0b078d : +120
252 : #22078d : +130
262 : #38078d : +140
272 : #4e078d : +150
282 : #65078d : +160
292 : #7b078d : +170
302 : #8d0789 : +180
312 : #8d0772 : +190
322 : #8d075c : +200
332 : #8d0745 : +210
342 : #8d072f : +220
352 : #8d0719 : +230
112 : #198d07 : -10
113 : #168d07 : -9
114 : #148d07 : -8
115 : #128d07 : -7
116 : #108d07 : -6
117 : #0d8d07 : -5
118 : #0b8d07 : -4
119 : #098d07 : -3
120 : #078d07 : -2
121 : #078d09 : -1
122 : #078d0b : ±0
123 : #078d0d : +1
124 : #078d10 : +2
125 : #078d12 : +3
126 : #078d14 : +4
127 : #078d16 : +5
128 : #078d19 : +6
129 : #078d1b : +7
130 : #078d1d : +8
131 : #078d1f : +9
132 : #078d22 : +10
S : 彩度 ( 91% )
(0%) 渋い ~ 鮮やか (100%)
1 : #494b49 : -90
3 : #484c48 : -88
5 : #464e46 : -86
7 : #454f45 : -84
9 : #435144 : -82
11 : #425242 : -80
13 : #405441 : -78
15 : #3f5540 : -76
17 : #3d573e : -74
19 : #3c583d : -72
21 : #3a593b : -70
23 : #395b3a : -68
25 : #375c39 : -66
27 : #365e37 : -64
29 : #355f36 : -62
31 : #336135 : -60
33 : #326233 : -58
35 : #306432 : -56
37 : #2f6530 : -54
39 : #2d672f : -52
41 : #2c682e : -50
43 : #2a6a2c : -48
45 : #296b2b : -46
47 : #276d2a : -44
49 : #266e28 : -42
51 : #247027 : -40
53 : #237125 : -38
55 : #217324 : -36
57 : #207423 : -34
59 : #1e7621 : -32
61 : #1d7720 : -30
63 : #1b791e : -28
65 : #1a7a1d : -26
67 : #187b1c : -24
69 : #177d1a : -22
71 : #157e19 : -20
73 : #148018 : -18
75 : #128116 : -16
77 : #118315 : -14
79 : #108413 : -12
81 : #0e8612 : -10
83 : #0d8711 : -8
85 : #0b890f : -6
87 : #0a8a0e : -4
89 : #088c0d : -2
91 : #078d0b : ±0
93 : #058f0a : +2
95 : #049008 : +4
97 : #029207 : +6
99 : #019306 : +8
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #000500 : -28
3 : #010f01 : -26
5 : #011802 : -24
7 : #022203 : -22
9 : #022c03 : -20
11 : #033604 : -18
13 : #033f05 : -16
15 : #034906 : -14
17 : #045307 : -12
19 : #045d07 : -10
21 : #056608 : -8
23 : #057009 : -6
25 : #067a0a : -4
27 : #06840a : -2
29 : #078d0b : ±0
31 : #07970c : +2
33 : #08a10d : +4
35 : #08aa0d : +6
37 : #08b40e : +8
39 : #09be0f : +10
41 : #09c810 : +12
43 : #0ad111 : +14
45 : #0adb11 : +16
47 : #0be512 : +18
49 : #0bef13 : +20
51 : #10f418 : +22
53 : #1af421 : +24
55 : #24f52b : +26
57 : #2ef534 : +28
59 : #37f63e : +30
61 : #41f647 : +32
63 : #4bf751 : +34
65 : #55f75a : +36
67 : #5ef763 : +38
69 : #68f86d : +40
71 : #72f876 : +42
73 : #7bf980 : +44
75 : #85f989 : +46
77 : #8ffa93 : +48
79 : #99fa9c : +50
81 : #a2fba5 : +52
83 : #acfbaf : +54
85 : #b6fcb8 : +56
87 : #c0fcc2 : +58
89 : #c9fccb : +60
91 : #d3fdd5 : +62
93 : #ddfdde : +64
95 : #e7fee7 : +66
97 : #f0fef1 : +68
99 : #fafffa : +70
CSS入門、作ってます。
text-shadow